Axure手机垂直划屏

一只在测试路上越走越远的妹子,突然有一天天灵盖大开,想拓宽一些业务技能,便找到Axure这款神奇的软件。无奈网上遍地培训机构,想找到免费的学习资料貌似难度有些大,在寥寥的免费资料里,只有自己慢慢摸索喽~

此文章包括以后的更新,只代表个人学习记录与摸索心得,如有错误还请各位指出,勿喷勿喷~~~~~~

业余时间学习,苦苦不知怎么去实现手机滑动屏幕实现滚动,在各位群友帮助下,喜得一方法,希望帮助同在苦苦追寻方法的朋友。

1. 创建完整内容页,并转化为动态面板。

2 创建一个手机壳的边框图,将内容页放到对应的位置,再转化为动态面板,并且这个动态面板缩至屏幕显示范围大小。这个动态面板的作用只是限制显示区域。

3 双击第2步创建的动态面板,点击【编辑全部状态】 按钮。

4.点击编辑全部状态,切换到第1步创建的动态面板,在第1步创建的动态面板上设置交互。


5.添加案例,拖动时→移动→当前元件(移动选择垂直拖动),并设置边界。


6.由于上下拖动是有边界的,所以设置顶部边界<=0,即顶部那条边界只允许在小于等于0的范围内移动;底部边界设置>=屏幕显示范围长度,即底部那条边界只允许在大与等于屏幕长度的范围内移动。

7.发布看看预览效果,视频如下链接

https://pan.baidu.com/s/1Xm4vf2V6-gNqIaEXsLYZ4g

此种方法目前发现只适用于鼠标左键上下拖动实现滑动,不支持鼠标滚轮滑动





猜你喜欢

转载自blog.csdn.net/u010434058/article/details/80481120