
目前比较好的解决办法是:
1.下载Axure
2.如果是给itouch或者iPhone用的,比较好办,直接用320×480的分辨率画好辅助线,然后画原型
3.按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备的特殊原型
4.设置说明见下图:(页面大小显示我的这个设置是按320×480的大小,默认不缩放)
5.用你的移动设备访问你生成的原型链接(如本地服务器,或Dropbox托管)
5.用你的移动设备访问你生成的原型链接(如本地服务器,或Dropbox托管)
6.把该页面创建一个桌面快捷方式
7.完成(有icon,有闪屏)另:想做鼠标动作或者复杂的页面交互比较麻烦,不推荐,尽量简洁。
在Axure中 ,有一个叫屏幕快照(Snapshot)的组件。
编辑好你希望加上外壳的页面;
新建页面,页面上添加一个iphone外壳;
拖动 屏幕快照组件,进入iPhone的框架内,设置大小为375*667;
双击组件,连接到你想显示的页面;
设置 屏幕快照组建的属性,取消掉自适应大小(Scale To Fit);
调整iPhone的外壳组件,使其与屏幕快照匹配。
本文章主要是为需要的人提供教程以及为自我学习的一种复盘方式。
1.从元件库中拖入一个手机模板。
2.在导航栏和标签栏之间拖入一个动态面板,并将面板名称命名为:外层动态面板。
3.双击 【外层动态面板】,将state1改为:state1-外层动态面板,并双击进入 state1-外层动态面板里面
4.在【 state1外层动态面板】里,拖入一个动态面板,并命名为:内层动态面板。 内层动态面板的长度为所要展示的内容的长度。
5.同理,双击【内层动态面板】后,将state1命名为:state1-内层动态面板,并双击进入【state1-内层动态面板】里面。并拖入自己要展示的内容
6.返回至主页面,单击【外层动态面板】,给它添加“拖动时”用例
7.双击“拖动时”后,点击“移动”,要移动的元件选择【内层动态面板】,移动选为:垂直移动
8.点击“添加边界”,添加2个边界:(1)顶部<=0(2)顶部>=0。当顶部>=0时,需要为其添加函数,点击>=0时的 fx
9.设置变量,点击“添加局部变量”,panel1=元件 外层动态面板;panel2=元件 内层动态面板。panel1,panel2可按自己喜好命名
10.设置函数,设置函数为:[[panel1.height-panel2.height]] 。设置完成后,按f5预览,如果不能实现效果,请务必检查每一个变量名和函数(特别易错,我错了三次)。
注:本教程参考: 阿阿小兰兰 发布的(Axure之上下滑动屏幕实现,原文网址 https://www.jianshu.com/p/dd44f5229c32 。ps:阿阿小兰兰写得特别清楚,从她的教程中本人受益良多)
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)