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%#校园分享#
  • 热门搜索
    奥迪a6l怎么样 黑龙江科技大学怎么样 壁挂炉怎么取暖使用方法 求职意向怎么填 鲜花怎么保鲜 自己交社保怎么交 武装原型怎么双人 邮件签名怎么设置 辞职申请书怎么写 怎么做系统u盘