养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure怎么实现左右滑动效果

时间:2024-11-11 00:51:21

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

Axure怎么实现左右滑动效果

工具/原料

axure

pc、Mac电脑

方法/步骤

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

© 一点知识