动画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()跳转每个标签页,并关闭其他所有标签页的页面。