如何使用AxureRP制作下拉刷新的效果原型

 时间:2024-10-27 03:29:26

1、首先打开我们的AxureRP8软件,新建一个空白的页面,命名APP下拉刷新效果,用于接下来的操作,如图所示

如何使用AxureRP制作下拉刷新的效果原型

2、首先我们追求高保真效果可以找一个手机的背景,如果经常使用的话可以设为母板,设为母板的话,选中图片,右键,找到设为母板操作即可

如何使用AxureRP制作下拉刷新的效果原型

3、由于这里我用的是黑色的背景,刷新效果不是很明显,我添加一个矩形设置为灰色作为内容底图。

如何使用AxureRP制作下拉刷新的效果原型

4、添加一个刷新图符命名为刷新图标,还有对应的标签文本,用于刷新过程中的动态效果展示,标签文本命名为刷新

如何使用AxureRP制作下拉刷新的效果原型

5、然后添加一张图片作为刷新的时候我们刷新的主体,当我们下拉刷新时候使用,放在刷新图标和文本标签的上面

如何使用AxureRP制作下拉刷新的效果原型

6、再添加一个矩形,作为刷新成功之后,显示加载成功的提示框,命名为加载提示,设置为隐藏状态,隐藏状态的设置也是右键,然后找到设为隐藏

如何使用AxureRP制作下拉刷新的效果原型

7、到目前位置,前期的准备工作以及布局就完成了,下面主要进行交互设置,选中图片,添加载入时实例

如何使用AxureRP制作下拉刷新的效果原型

8、然后按照我下图所示的交互语句进行设置,在左侧添加动作上选取相应的动作进行设置即可

如何使用AxureRP制作下拉刷新的效果原型

9、设置完成之后,我们点击AxureRP右上角的预览功能,即可在浏览器中进行查看效果了,以后这个稍作改动即可应用到实际的项目原型当中去了

如何使用AxureRP制作下拉刷新的效果原型
  • 3dsMax怎样选择材质球的材质
  • 如何用幻影粒子制作特效 幻影粒子快速入手
  • 3Dmax笔筒材质设置教程
  • 3ds Max电脑椅模型制作
  • 3dsMax怎样使用折射
  • 热门搜索
    一年级手抄报大全简单 青春期手抄报 关于爱国的手抄报内容 手抄报版面花边大全 关爱教育手抄报 环保手抄报资料大全 手抄报主题 关于节约的手抄报 庆国庆手抄报内容 美丽家乡手抄报