固定列表标题栏


当一个列表内容太多时,在上滑过程中,如果不固定标题栏,会不知道当前这个列表属于哪个分类,所以常见做法是向上滑动过程中,将当前分类的标题栏固定在屏幕最上方。拿起你的手机,打开QQ,查看它的联系人分类,就可以体验这种效果。


这样的一个小小的交互,如何来实现呢?

1、准备资源

1)新建一个动态面板,命名为main,内容是随便放些组件,在里面放一个表示列表的一个矩形,带有一个标题栏(见下图的粉色社区动态标题栏),我们要在滑动面板向上到最顶端时固定这个标题栏。


2)复制一下动态面板里的那个标题栏到外面来,起个名字“隐藏的标题栏”



复制后的标题栏移到屏幕最上方,并设置为隐藏状态


2、给动态面板添加事件控制

在拖动动态面板时,如果动态面板的y值小于-200(刚好是里面的标题栏到达顶部的时候),显示之前隐藏的标题栏,否则就隐藏它


注意:事件里用到了局部变量,代表当前的组件,所以LVAR1.y就是它的纵坐栏,判断这个位置就行了。


这就可以了哦,其实还是比较简单的吧,想好思路,实现起来并不复杂。


在线演示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值