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实现下拉刷新效果
  • Axure RP添加鼠标单击事件教程
  • AffinityPhoto怎样调出反转片负冲色调?
  • Axure如何显示全局辅助线
  • 如何利用Axure RP 8设计出不同背景颜色五角星
  • PS不透明度如何配置为45%#校园分享#
  • 热门搜索
    防地震手抄报 手抄报图片大全2年级 我爱祖国手抄报大全 简单病毒手抄报 普通话手抄报文字内容 爱的手抄报 一年级手抄报大全 防震手抄报 过年手抄报简单又漂亮 敬廉崇洁手抄报