Axure怎么实现左右滑动效果

 时间:2024-10-27 13:15:23

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

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

Axure怎么实现左右滑动效果

8、总结1、绘制手机形状2、绘制动态面板3、复制动态面板4、为两个面板添加内容5、设置第一个滑动到第二个6、设置第二个滑动到第一个7、完成

  • Axure RP教程:用中继器实现带图片的产品列表
  • 使用Axure如何实现左右滑动切换的效果?
  • 教大家如何使用Axure制作文字轮播的效果
  • 如何利用Axure RP 8设计软件中的内联框架设置
  • AE怎么使用操控点工具?
  • 热门搜索
    五城同创手抄报 走进西部手抄报 共创文明城市手抄报 改革开放四十周年手抄报 奥运会手抄报内容 关于邪教的手抄报 关于感恩父母的手抄报 反对邪教手抄报内容 初中手抄报图片大全 成语故事手抄报图片