教大家使用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相关经验,小编会介绍更多,欢迎关注学习

© 手抄报圈