《微信小程序开发从入门到实战》学习六十五

2023-12-29 06:24:11

6.4?交互API

6.4.5?页面滚动API

使用wx.pageScrollTo接口可使页面自动滚动到目标位置。该接口介绍Object参,该参支持属性如下所示:

scrollTop:必填,滚动到页面的目标位置,单位为px

duration:滚动动画的时长,单位为毫秒,默认值300

三回调函数

示例代码如下:

????//?在400毫秒时间内将页面滚动到最上面的内容

????wx.pageScrollTo({

??????scrollTop:?0,

??????duration:?400

????})

6.4.6?导航栏加载动画API

使用wx.showNavigationBarLoading接口可在当前页面的导航栏显示加载动画。

该接口传Object参,参属性含三回调函数。示例代码如下:????wx.showNavigationBarLoading()

使用wx.hideNavigationBarLoading接口可以隐藏导航栏的加载动画。

该接口传Object参,参属性含三回调函数。示例代码如下:????wx.hideNavigationBarLoading()

6.5?界面API

界面API可以动态改变小程序页面中的各种界面设置

6.5.1 导航栏API

使用wx.setNavigationBarTitle接口可动态改变当前页面导航栏的标题。

该接口传Object参,参属性含三回调函数,以及title属性。

示例代码如下:????

wx.setNavigationBarTitle({

??????title:?'新的页面标题',

????})

使用wx.setNavigationBarColor接口可以动态改变当前页面导航栏的颜色,

该接口传Object参,参属性如下所示:

frontColor:必填,前景颜色值,包括按钮、标题、状态栏的颜色,仅支持#ffffff和#000000

backgroudColor:必填,背景颜色值

animation:动态变化时的动态效果,详细内容另起一段见下文

三回调函数

animation属性是一个Object值,其中有两有效属性:duration,表示时间变化,单位毫秒,默认值0;timingFunc,表示动画的变化方式,默认值linear,可选值如下所示:

linear:动画从头到尾的速度同

easeIn:动画以低速开始

easeOut:动画以低速结束

easeInOut:动画以低速开始和结束

示例代码如下:

wx.setNavigationBarColor({

??????backgroundColor:?'#ffffff',

??????frontColor:?'#ff0000',

??????animation:{

????????duration:?400,

????????timingFunc:?'easeIn'

??????}

????})

????????

文章来源:https://blog.csdn.net/xy2937131682/article/details/135280025
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。