本期效果是一个三级拖动,第一次点击弹出部分列表,向上拖动时显示完整的列表,向下拖动时显示最低级的列表。一起看看怎么操作~
本期效果:
本期效果是一个三级拖动,第一次点击弹出部分列表,向上拖动时显示完整的列表,向下拖动时显示最低级的列表,效果非常简单,大家先看看效果图:
实现逻辑
我们使用一个动态面板,为其添加三种状态下的页面,在不同的状态,页面拖动结束时,动态面板切换到目标页面,并且移动到合理的位置,就轻松的实现了一个页面拖级拖动的效果。
实现步骤
第一步,我们添加一个手机的框架。第二步,我们添加一个动态面板,里面添加三个状态,分别为一级,二级,三级,为三级创建内容,并创建为动态面板,内容如图所示:
第三步:标记出上边三个动态面板的状态单独放置在页面上时Y轴的位置,如图所示:
第四步:选中动态面板第一个状态,也就是上图中最小的一个状态设置交互: