Axure 8.0中怎么制作手机上下滑动效果

 时间:2024-10-16 10:22:08

1、先添加大小和手机屏幕相等的动态面板,命名为“屏幕”。

Axure 8.0中怎么制作手机上下滑动效果

2、双击“State1”,添加一个动态面板,宽度等于屏幕宽度,长度任意,命名为“内容”。

Axure 8.0中怎么制作手机上下滑动效果

3、双击内容动态面板中的“State1”,在其中搭建手机界面,例如添加几个标签。

Axure 8.0中怎么制作手机上下滑动效果

4、双击“index”,选中屏幕动态面板,双击“拖动时”。

Axure 8.0中怎么制作手机上下滑动效果

5、在元件中单击“移动”,在右侧勾选内容动态面板,点击下方移动选择框,选择“垂直拖动”。

Axure 8.0中怎么制作手机上下滑动效果

6、点击“添加边界”,设置顶部小于等于0,再添加一个边界,选择底部并设置为大于等于0。

Axure 8.0中怎么制作手机上下滑动效果

7、点击“fx”,点击“添加局部变量”,将“元件文字”更改为“元件”。

Axure 8.0中怎么制作手机上下滑动效果

8、再选择屏幕,点击“插入变量或函数”,选择“LVAR1”并在其后添加“.height”,点击“确定”即可。

Axure 8.0中怎么制作手机上下滑动效果
  • Axure rp如何制作交互效果?
  • Axure RP9.0 制作上下滑动,弹回效果
  • Axure怎么实现左右滑动效果
  • 使用Axure如何实现左右滑动切换的效果?
  • Axure制作文字滚动的动态效果
  • 热门搜索
    关于感恩手抄报图片 交通安全的手抄报 普法教育手抄报内容 爱国主义手抄报内容 好书我推荐手抄报 关于欢度春节的手抄报 我爱文学初中手抄报 科技创新手抄报资料 积极向上的手抄报 节约从我做起手抄报