微信小程序中消息提示框的实现方式探究

GS 130 2024-08-26

本篇文章主要微信小程序中消息提示框的实现方式探究,现在分享给大家,也给大家做个参考。感兴趣的小伙伴们可以参考一下。

做Android的时候对toast是很熟悉的.微信小程序开发中toast也是重要的消息提示方式.

提示框:

wx.showToast(OBJECT)

显示消息提示框

OBJECT参数说明:图片.png

示例代码:图片.png

wx.hideToast()

隐藏消息提示框

图片.png

wx.showModal(OBJECT)

显示模态弹窗

OBJECT参数说明:图片.png

示例代码:图片.png

wx.showActionSheet(OBJECT)

显示操作菜单

OBJECT参数说明:图片.png

success返回参数说明:图片.png

示例代码:图片.png

设置导航条

wx.setNavigationBarTitle(OBJECT)

动态设置当前页面的标题。

OBJECT参数说明:图片.png

示例代码:图片.png

wx.showNavigationBarLoading()

在当前页面显示导航条加载动画。

wx.hideNavigationBarLoading()

隐藏导航条加载动画。

页面跳转:

wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

OBJECT参数说明:图片.png

示例代码:图片.png

注意:为了不让用户在使用小程序时造成困扰,我们规定页面路径只能是五层,请尽量避免多层级的交互方式。

wx.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。

OBJECT参数说明:图片.png

示例代码:图片.png

wx.navigateBack(OBJECT)

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。

OBJECT参数说明:图片.png

动画:

wx.createAnimation(OBJECT)

创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。

注意: export 方法每次调用后会清掉之前的动画操作

OBJECT参数说明:图片.png

图片.png

animation

动画实例可以调用以下方法来描述动画,调用结束后会返回自身,支持链式调用的写法。

样式:图片.png

旋转:图片.png

缩放:图片.png

偏移:图片.png

倾斜:图片.png

矩阵变形:图片.png

动画队列

调用动画操作方法后要调用 step() 来表示一组动画完成,可以在一组动画中调用任意多个动画方法,一组动画中的所有动画会同时开始,一组动画完成后才会进行下一组动画。step 可以传入一个跟 wx.createAnimation() 一样的配置参数用于指定当前组动画的配置。

示例:

图片.png

wx.hideKeyboard()

收起键盘。

wx.stopPullDownRefresh()

停止当前页面下拉刷新。详见 页面相关事件处理函数。

以上就是微信小程序中消息提示框的实现方式探究的详细内容!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序弹窗自定义的相关代码剖析
下一篇:微信小程序动态设置 placeholder 提示文字与按钮选中及取消状态的实现办法
相关文章

 发表评论

暂时没有评论,来抢沙发吧~