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%#校园分享#
  • 热门搜索
    文明用餐手抄报 卫生手抄报图片 电子版手抄报 美丽家乡手抄报 小学生防火手抄报 关于爱国的手抄报内容 三年级教师节手抄报 廉洁文化手抄报内容 小学生元旦手抄报 俭以养德手抄报