如何快速把axure生成的原型放到手机上演示?

如何快速把axure生成的原型放到手机上演示?,第1张

目前比较好的解决办法是:

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:阿阿小兰兰写得特别清楚,从她的教程中本人受益良多)


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11652107.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存