Axure怎么实现左右滑动效果

 时间:2024-09-22 14:43:32

我们在设计手机ui的时候会使用到侧滑效果,那泽axure中怎么实现侧滑效果呢?

Axure怎么实现左右滑动效果

工具/原料

axure

pc、Mac电脑

方法/步骤

1、首先我打开软件,在元件库中选择“矩形”绘制一个矩形当作手机页面(如图)。

Axure怎么实现左右滑动效果

2、选择动态面板,绘制一个手机页面同等大小的矩形(如图)。

Axure怎么实现左右滑动效果

3、在右下脚选中动态面鼠标右键复制,添加一个侧滑页面(如图)。

Axure怎么实现左右滑动效果

4、双击动态面板看到边框变蓝后,分别第一个和第二面板添加内容(如图)。

Axure怎么实现左右滑动效果

5、选择第一个面板,在属性栏中点击“拖动开始时”添加条件==面板1,动态面板为下一张。具体参数看下图。

Axure怎么实现左右滑动效果

6、选择第二个面板,在属性栏中点击“向左拖动结束时”添加条件==面板2,动态面板为上一张,具体参数看下图。

Axure怎么实现左右滑动效果

7、点击预览制作完成(如图)

Axure怎么实现左右滑动效果

8、总结绘制手勺腴孥圜机形状绘制动态面板复制动态面板为两个面板添加内容设置第一个滑动到第二个设置第二个滑动到第一个完成

Axure RP教程:用中继器实现带图片的产品列表 使用Axure如何实现左右滑动切换的效果? 教大家如何使用Axure制作文字轮播的效果 如何利用Axure RP 8设计软件中的内联框架设置 AE怎么使用操控点工具?
热门搜索
保时捷图片 少女时代图片 闫妮图片 甘蔗图片 51漫画