当一个列表内容太多时,在上滑过程中,如果不固定标题栏,会不知道当前这个列表属于哪个分类,所以常见做法是向上滑动过程中,将当前分类的标题栏固定在屏幕最上方。拿起你的手机,打开QQ,查看它的联系人分类,就可以体验这种效果。
这样的一个小小的交互,如何来实现呢?
1、准备资源
1)新建一个动态面板,命名为main,内容是随便放些组件,在里面放一个表示列表的一个矩形,带有一个标题栏(见下图的粉色社区动态标题栏),我们要在滑动面板向上到最顶端时固定这个标题栏。
2)复制一下动态面板里的那个标题栏到外面来,起个名字“隐藏的标题栏”
复制后的标题栏移到屏幕最上方,并设置为隐藏状态
2、给动态面板添加事件控制
在拖动动态面板时,如果动态面板的y值小于-200(刚好是里面的标题栏到达顶部的时候),显示之前隐藏的标题栏,否则就隐藏它
注意:事件里用到了局部变量,代表当前的组件,所以LVAR1.y就是它的纵坐栏,判断这个位置就行了。
这就可以了哦,其实还是比较简单的吧,想好思路,实现起来并不复杂。