欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > 微信小程序常用的api(2)

微信小程序常用的api(2)

2024/10/24 9:18:50 来源:https://blog.csdn.net/zwdkkk/article/details/139790016  浏览:    关键词:微信小程序常用的api(2)

动画API

创建实例 wx.createAnimation()

作用:用于在微信小程序中完成动画效果的制作

动画的常用属性

duration 【number型】 动画持续时间,单位毫秒,默认400毫秒

timingFunction 【string型】 动画效果 默认linear

delay 【number型】 动画延迟时间 单位毫秒,默认0

transformOrigin【string型】 设置旋转元素的基点位置,默认50% 50% 0 。这三个数字分别表示X轴、Y轴、Z轴位置

timingFunction属性的属性值:

linear 匀速

ease 慢快慢

ease-in 以低速开始

ease-in-out 以低速开始和结束

ease-out 以低速结束

step-start 动画第一帧就跳至结束状态,直至结束

step-end 动画一直保持开始状态,最后一帧跳至结束状态

动画的常用方法

rotate(number angle) 旋转。顺时针。角度取值范围【-180,180】

export() 导出动画队列。export()方法每次调用后会清掉之前的动画操作

scale(number sx,number sy) 缩放。当仅有sx参数时,表示在X轴Y轴同时缩放sx倍

translate(number tx,number ty) 平移。单位为px

skew(number ax,number ay) 倾斜。角度取值范围【-180,180】

step(object,object) 表示一组动画完成。当调用任意多个动画方法组成一组动画时,一组动画中的所有动画会同时开始,一组动画完成后才会进行下一组动画。

opacity(number value) 设置透明度,范围0~1

backgroundColor(string value) 设置背景色

width(number|string value) 设置宽度

top(number|string value) 设置top值

map地图组件

直接使用map标签即可 <map></map>

map地图组件可以为用户通过地图的功能。支持移动、缩放、添加标记点

map地图组件常用属性

longitude 【number】 中心经度,为必填项

latitude 【number】 中心纬度,为必填项

scale 【number】 缩放级别,取值范围为3-20,默认为16

markers 【Array.】 标记点数组

show-location 【boolean】 是否显示带有方向的当前定位点,默认false

bindregionchange 【eventhandle】 视野发生变化时触发的事件处理函数

标记点属性——marker对象属性:

markers标记点数组中的每一项为一个表示标记点的marker对象

id 【number】 标记点id

longitude 【number】 经度。取值范围 -180~180 必填项

latitude 【number】 纬度。取值范围 -90~90 必填项

iconPath 【string】 设置标记点图标路径。必填项

title 【string】 标记点名字,点击时显示

zIndex 【number】 显示层级

alpha 【number】 标记点透明度,默认1,即无透明。取值0~1

width 【number/string】 标记点图标宽度

height 【number/string】 标记点图标高度

地图 API

地图API必须在map组件中才能使用。创建wx.createMapContext(“地图组件id”)实例

作用:地图API帮助我们实现获取地图某一位置的功能

地图 API常用属性

iconPath 【string】 图标路径

success 【function】 接口调用成功的回调函数

fail 【function】 接口调用失败的回调函数

complete 【function】 接口调用结束的回调函数

地图 API常用方法

getCenterLocation() 获取当前地图中心的经纬度。返回GCJ-02坐标系

moveToLocation() 将地图中心移至当前定位点

getCenterLocation()常用方法的常用属性:

iconPath 【string】 图标路径

success 【function】 接口调用成功的回调函数,通过其参数可以获取longitude经度和latitude纬度

fail 【function】 接口调用失败的回调函数

complete 【function】 接口调用结束的回调函数

moveToLocation()常用方法的常用属性:

longitude 【number】 经度

latitude 【number】 纬度

success 【function】 接口调用成功的回调函数

fail 【function】 接口调用失败的回调函数

complete 【function】 接口调用结束的回调函数

位置API

文件上传通过wx.unploadFile()方法获取到
在app.json里面配置:

Pages({"requiredPrivateInfos": ["getLocation"],"permission": {"scope.userLocation": {"desc": "获取用户的实时位置"}}
})

再创建wx.getLocation()实例

作用:获取当前的实时位置
注意:使用 wx.getLocation 需要用户的地理位置授权,如果用户未授权,可能需要先调用 wx.authorize 进行授权请求。

常用选项

type 【string】 当前位置坐标类型。设为WGS84可返回GPS坐标,设为GCJ-02可以返回用于微信内置地图查看位置的坐标

success 【function】 接口调用成功的回调函数

fail 【function】 接口调用失败的回调函数

complete 【function】 接口调用结束的回调函数

success()的参数(对象)常用属性:

wx.getLocation()方法的success()回调函数的参数是一个对象,该对象属性如下:

longitude 【number】 经度,取值 -180~180

latitude 【number】 纬度,取值 -90~90

speed 【number】 速度,单位m/s

altitude 【number】 高度,单位m

路由API

实现页面跳转

常用方法

wx.navigateTo()跳转新页面,保留原页面。

wx.redirectTo()关闭当前页面,跳转新页面。

wx.switchTab()跳转每个标签页,并关闭其他所有标签页的页面。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com