1
/6
将一个按扭移动鼠标到页面。
2
/6
摁ctrl向左边可拖拽按钮表就行图片文件夹。
3
/6
选中全部所有按钮,决定位置关系为底部对齐和宽度广泛分布。
4
/6
全选所有按钮,按鼠标右键装换为母板,你选择固定位置。
5
/6
在其他页面拖动自己制作好的母版即可建议使用。
6
/6
建议使用母版时,鼠标双击母版即可解决修改。
不过还是要有一些技巧的。axure软件动态面板属性可以滑动,但来回滑动的结果只能是水平和垂直两种在一起的情况。
但是也并非没办法利用同页面上下、向右滑动这个效果。
主要注意强行突破点在对条件的判断。
我们回想起看看建议使用手机app软件的情形,按到屏幕不松手指向下滑动屏幕,手机里面页面只能往上(上)来回滑动,不管是什么你手再怎末向右滑动,其结果肯定往下(上)上下移动;向左滑屏幕也是一般的道理。
因此,手给屏幕一个动作,页面判断手左右移动屏幕的方向,想执行手最初始手上下移动屏幕方向移动手机,并且不松手,屏幕移动只能保留竖直也可以水平两种效果,并肯定不能从竖直移动装换到水平移动,就算松手后页面立即先执行判断。即手最结束的动作判断了页面滑动的方向。
捉住事实上,已学axure软件知识点,我才想到:实现该功能方案。
一、重要的是定义
1.三个动态面板
动态面板a、b——a和b为循环嵌套关系,a在外层,b在内层
动态面板c——两个状态循环记录全局变量x、y
2.两个全局变量
x沿x轴拖动总距离的绝对值向上取整([[math.abs(math.ceil(totaldragx))]])
y沿y轴托动总距离的绝对值向上取整([[math.abs(math.ceil(totaldragy))]])
二、核心问题——如合最精确且迅疾的清楚手移动屏幕的方向?
我按照一次尝试又一次测什么出一种结果相对于理想和目标的方法:
鼠标拖动动态面板a开始,按照动态面板c两个状态迅速重复运行,在其状态变化时记录全局变量x、y,使之确定托动动态面板a时x、y大小进而清楚其页面(代码面板b)滑动方向。
流程图万分感谢:
三、具体详细原型设计
做一个手机外壳,内嵌长宽高尺寸325x575的内联框架,再连接框架到内容页面:
设置里全局变量x、y;
然后点击菜单栏中-项目-全局变量,新增加两个全局变量x和y,设值为空或0;
向新的页面先添加一个带页码的正方形标识框,剪切粘贴成三份,共有属於第一页、第二页、第三页,名称共有为1、2、3。
将这三个页面圈出声—右键—装换为动态面板,设置该日志面板名称为b,再然后点击动态面板b—右键—转换的为动态面板,设置中最外层动态面板名称为a。
再往闪图面板a外面逼入三个新的代码面板c,把相册面板状态添加到两个。
在相册面板a上设置里不胜感激用例:
移动鼠标开始时:可以设置代码面板c状态为next,向后停止循环,不宜超过2ms(时间要短);
移动鼠标时:推测全局变量x,y大小;
xgty时水平移动动态面板b,xlty时垂线移动动态面板b;
鼠标拖动都结束了时:系统设置代码面板c突然停止循环。
在相册面板c上设置企业应用程序
状态转变时:设置中全局变量值。
x[[math.abs(math.ceil(totaldragx))]],y[[math.abs(math.ceil(totaldragy))]]
点击菜单栏发布-预览即可解决看到同页面利用了左右、上下两种拖动效果。
emmmmmmm觉得望着很不舒服我们可以尽快完备原型:
增加:
页面拖动范围和水平拖拽的两种效果
极快拖拽
飞速拖动
在原来的原型基础上:
1.页面范围的限制条件是可以再添加在动态面板a鼠标拖动时-界限-再添加边界
水平拖拽而言,清楚日志面板b元件的宽高为975x1000,单个平行四边形页面宽高为325x1000。所以我水平鼠标拖动限制下载边界范围为[-650,0]即可柯西-黎曼方程水平鼠标拖动时绝对不会把页面拖打开浏览器边框。
虽然的垂直拖拽,取消边界范围为[-500,0]再试一下。