教大家使用Axure制作水平拖动的效果

 时间:2024-10-29 07:56:37

1、首先打开Axure,新建一个空白页面,在页面中拖入本次使用的元件,如下图所示。

教大家使用Axure制作水平拖动的效果

2、然后给这些元件命名,并把相应的样式调整一下,如下图所示。

教大家使用Axure制作水平拖动的效果

3、然后做一个选中的效果,如下图所示。

教大家使用Axure制作水平拖动的效果

4、后面是给相关元件做交互事件,如下图所示。

教大家使用Axure制作水平拖动的效果
教大家使用Axure制作水平拖动的效果

5、同时再给载入时的交互事件进行设置,如下图所示。

教大家使用Axure制作水平拖动的效果
教大家使用Axure制作水平拖动的效果

6、然后我们给这些元件加一些描述,并调整相关的位置,如下图所示。

教大家使用Axure制作水平拖动的效果

7、最后我们f5看一下最终的效果,如下图所示。

教大家使用Axure制作水平拖动的效果
教大家使用Axure制作水平拖动的效果

8、Axure相关经验,小编会介绍更多,欢迎关注学习

  • 如何用软件有效背英语单词
  • 中国最富有10大县级市
  • 支付宝蚂蚁庄园9月14日领饲料问题答案
  • 姐姐为我做的红豆面包做法
  • 悠久之树怎么获得活力秘药
  • 热门搜索
    诗配画手抄报 爱祖国的手抄报 儿童端午节手抄报简单 手抄报国庆 爱护公物手抄报 新型冠状病毒手抄报图片 小学三年级手抄报 安全教育日手抄报 新年手抄报简单又好看 感恩老师手抄报内容