手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

axure实现下拉刷新效果

时间:2024-10-13 17:51:20

1、在axure的画布中,拖入一个动态面板,大小为250x400

axure实现下拉刷新效果

2、在未命名动态面板的状态一中,拖入一个新的动态面板命名为d001,并输入文字内容

axure实现下拉刷新效果

3、在d001的顶部,拖入一个新的动态面板,命名为d002,大小为230x30

axure实现下拉刷新效果

4、给d002设置两个状态,一个命名为上箭头,一个命名为下箭头

axure实现下拉刷新效果

5、分别在两个状态中,拖入相应的箭头符号,并且写上文字“加载中…… 更新于”在更新于后面,拖入一个文本框,分别记为text001,text002

axure实现下拉刷新效果
axure实现下拉刷新效果

6、实现下拉刷新效果的条件组合1(条件作用在未命名动态面板)

axure实现下拉刷新效果

7、实现下拉刷新效果的条件组合2(条件作用于d001),设置d001移动时,d002跟随

axure实现下拉刷新效果

8、实现每次下拉刷新时,实时更新当前时间,这里用到了时间的函数

axure实现下拉刷新效果
axure实现下拉刷新效果

9、至此,所有的准备工作已经完成,赶紧预览一下实际效果吧

axure实现下拉刷新效果
© 手抄报圈