
快速滚动到顶部经常用于长消息列表,这种场景经常伴随着滚动至顶部后刷新等,今天就带大家了解如何实现这个功能。
效果展示通过使用触发行为滚动到指定向,同时配合执行其它触发器,实现快速滚动到列表顶部的功能。
触发器配置注意:在检查器面板中的触发器 设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。
选中循环容器
点击检查面板中的触发器
创建触发器
选中图标
点击检查面板的触发器
创建触发器
这样就可以配置快速滚动到顶部的功能了。
效果展示
通过使用事件中心的数量查询 *** 作,同时为其配置过滤条件,获取数据表中符合查询条件的数据总数,实现未读消息数量显示通知功能。
创建数据表注意:在数据中心你可以创建属于自己应用程序的数据表格,数据表格类型分为用户表、商品表、订单表和自定义表。
点击数据中心
创建未读消息数据表
数据表字段包含:消息、是否已读
其中是否已读字段的类型为是否
创建事件注意:事件是构建数据与界面元素组件链接的抽象逻辑。数据表与界面元素组件通过事件连接。
点击事件中心
创建获取未读消息数量事件
接收动态数据选中文本组件
点击检查面板中的数据绑定与设置
打开接收动态数据开关
触发器配置注意:在检查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。
选中文本组件
点击检查面板的触发器
创建触发器
这样就可以在小程序里实现未读消息通知了。
以上就是关于如何使用Towify在小程序里配置快速滚动到顶部全部的内容,包括:如何使用Towify在小程序里配置快速滚动到顶部、怎样才能在小程序里边做出那种未读消息有红点提示通知的效果啊、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)