作者:小飞燕 发布时间:2021-04-12 10:54:51
导语本文整理了全网深受用户关注的个微信小程序消息提示音怎么设置经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!
微信小程序的开发有很多问题需要考虑。你知道微信小程序的消息提示音怎么设置吗?其实和开发一个微信小程序一样,也是需要代码的。
我做安卓的时候很熟悉吐司。toast也是微信小程序开发中提示消息的重要方式。
提示框:
wx.showtoast(对象)
显示消息提示框
对象参数的描述:
小程序代码:
?
wx.showtoast({
标题: '成功',图标: '成功',工期: 2000
})
wx.hidetoast
隐藏消息提示框
?
wx.showtoast({
标题: '装载',图标: '加载',工期: 10000
})
settimeout(函数{
wx.hidetoast
},2000)
wx.showmodal(对象)
显示模态弹出窗口
对象参数的描述:
示例代码:
?
wx.showmodal({
标题: '提示',内容:“这是一个模态弹出窗口”,成功:功能(res) {
if (res.confirm) {
控制台日志(“用户单击确定”)
}
}
})
wx.showactionsheet(对象)
显示操作菜单
对象参数的描述:
成功返回的参数描述:
示例代码:
?
一个
2
三
四
五
六
七
8wx.showactionsheet({
itemlist: ['a ',' b ',' c'],成功:功能(res) {
if(!res.cancel) {
console.log(res.tapindex)
}
}
})
设置不同的小程序导航栏
wx.setnavigationbartitle(对象)
动态设置页面标题。
对象参数的描述:
示例代码:
?
一个
2
3wx.setnavigationbartitle({
标题: '当前页面'
})
wx.shownavigationbarloading
在当前页面上显示导航栏以加载动画。
wx.hidenavigationbarloading
隐藏导航栏以加载动画。
页面跳转:
wx.navigateto(对象)
保留当前页面,跳转到应用程序中的某个页面,使用wx.navigateback返回原页面。
对象参数的描述:
示例代码:
?
一个
2
3wx.navigateto({
url: '测试?id=1 '
})
?
//test.js
页面({
onload:函数(选项){
console.log(option.query)
}
})
注意:为了防止用户在使用小程序时造成麻烦,我们规定页面路径只能是五层,请尽量避免多级交互。
wx.redirectto(对象)
关闭当前页面并跳转到应用程序中的一个页面。
对象参数的描述:
示例代码:
?
一个
2
3wx.redirectto({
url: '测试?id=1 '
})
wx.navigateback(对象)
关闭当前页面,返回上一页或多级页面。您可以通过getcurrentpages)获取当前页面堆栈,并决定需要返回哪些层。
对象参数的描述:
动画:
wx.createanimation(对象)
创建动画实例动画。调用实例的方法来描述动画。比较后,利用动画实例的导出方法,导出传输到组件的动画数据的动画属性。
请注意,导出方法将在每次调用后清除之前的动画操作
对象参数的描述:
?
一个
2
三
四
五
6 var animation=wx . create animation({
transformorigin: '50% 50% ',工期: 1000,timingfunction: 'ease ',延迟: 0
})
动画
动画实例可以调用下面的方法来描述动画,调用后会返回到自身,支持链式调用的编写。
风格:
旋转:
缩放:
偏移:
倾斜:
矩阵变形:
动画队列
调用动画操作方法后,应该调用step来指示一组动画的完成。您可以在一组动画中调用任意数量的动画方法。一组动画中的所有动画将同时开始,一组动画完成后将开始下一组动画。步骤可以传入与wx.createanimation相同的配置参数,以指定当前组动画的配置。
示例:
?
一个
?
页面({
数据: {
animationdata: {}
},
onshow:函数{
var animation=wx . create animation({
工期: 1000,timingfunction: 'ease ',})
this.animation=动画
animation.scale(2,2)。旋转(45)。步骤
this.setdata({
animation data : animation . export
})
settimeout(函数{
动画翻译(30)。步骤
this.setdata({
animation data : animation . export
})
}.装订(本),1000)
},
rotateandscale:函数{
//同时旋转和放大
this.animation.rotate(45)。比例尺(2,2)。步骤
this.setdata({
animation data : this . animation . export
})
},
rotatethenscale:函数{
//先旋转,再放大
this.animation.rotate(45)。步骤
this.animation.scale(2,2)。步骤
this.setdata({
animation data : this . animation . export
})
},
rotateandscaletherntranslate :函数{
//首先旋转放大,然后平移
this.animation.rotate(45)。比例尺(2,2)。步骤
this.animation.translate(100,100)。步骤({ duration: 1000 })
this.setdata({
animation data : this . animation . export
})
}
})
wx.hidekeyboard
把键盘收起来。
wx.stoppulldownrefresh
停止当前页面下拉刷新。具体请参考页面上相关小程序的事件处理功能。
下面是如何使用标题开头的微信小程序全局方法。标题到此结束
小程序设置小编之前做过一些介绍,不知道大家有没有注意到。我们就来说说微信小程序的化方法,希望对大家有所帮助。
微信小程序提供app.js文件,用于放置一些全局功能和全局属性。
一般我会在app.js文件中写一些常用的函数和属性,这样就不需要在页面之间传递值或者重复加载。
以全局属性为例
创建一个新的hello world项目
app.js页面中有一个globaldata,是一个全局对象。
添加属性信息:“你好”
那么如何才能让这些全局属性得到利用呢?
案例1:从app.js文件以外的其他js文件获取
通过getapp得到全局实例,就可以得到全局对象中的资源。
向index.wxml文件中添加一个按钮
getapp得到全局对象后,可以得到app.js的全局属性
app.globaldata.info
f5刷新正在运行的小程序项目:
按钮,微信小程序控制台输出hello
案例二:在当前app.js文件中获取
如果你在当前文件中得到它,你只需要用这个来表示当前对象来得到它
f5刷新正在运行的项目:
当程序启动时,hello小程序将在控制台上输出
以上是微信小程序商店提供的微信小程序全局使用方法教程。怎么样?设置全局方法很简单吗?如果想获得更多相关教程,请关注源代理网的小程序频道。
上一篇:微信应用小程序教程
下一篇:小程序上传图片不执行怎么处理
487位用户关注
461位用户关注
303位用户关注
668位用户关注
929位用户关注
756位用户关注
20位用户关注
0位用户关注
32位用户关注
78位用户关注
56位用户关注
92位用户关注