肥猫SEO论坛»论坛首页 › 行业交流 › 软件下载 › Axure 7.0实例：利用Axure制作放大镜原型

高端网站建设可签合同可上门沟通	站群程序定制/蜘蛛池租用	全行业SEO接单QQ1624516415	全行业SEO接单QQ1624516415
2000+站点外链一键通发	原创SEO文章代写【点击】	点击加入本站VIP 发帖免审核	广告位招租

honghu2

23万积分	0 好友	7万主题

发消息

Axure 7.0实例：利用Axure制作放大镜原型

TA的其它主题

发表于 2021-9-26 11:09 | 查看: 238| 回复: 0

Axure 7.0实例：操纵Axure建造放大镜原型

工欲善其事，必先利其器。作者分享了本身做放大镜原型的进程，但愿给大师带来一些参考。

我是刚应聘产物助理的练习生，自己是学开辟的，因为乐趣快乐喜爱，选择从事产操行业，工欲善其事，必先利其器，对付东西的纯熟利用是很是有需要的，以是我会将本身学做的一些原型和履历跟大师分享（我刚起头学-.-,-.-），接待大师指错和给出定见，固然打赏也阔以哈哈，空话未几说，起头我的第一篇文章！（看完教程后本身总结，不喜勿喷）
1.部件质料筹备事情：
a.先安排2个矩形，巨细成比最佳，比方一个200*200（安排小图片），另外一个400*400（显示小图放大后的部位），别离设置为无边框，而且单色填充为透明，便利显示。ps:矩形比例不少都是这么大，习气使然。

b.将事前筹备好的一张小图片（定名小图）放入小的矩形，再在小图片之上添加一个更小的矩形（定名为放大镜，并设置为暗藏，感化你懂的），尺寸定为50*50，一样透明边框色彩自定（我定为赤色）。

c.在大的矩形上添加一个动态面板，并在面板的状况1下添加一个放大图片（定名为放大图），设置巨细最佳与小图片成比例，我设置为1000*1000。

ps：以上不附图片，列位必定看得懂。
2.交互事情：
a.简略的显示暗藏。点击小图，在右侧交互中添加鼠标移入时（显示放大镜），鼠标移出时（暗藏放大镜），如图1所示。

图1

b.比力难理解的就是这里的交互了，页面的交互。选择“页面鼠标挪动时”，点击选择挪动“放大镜”，设置x,y的间隔，实在就是要怎么更好的显示放大框，靠近用户体验，选择“绝对间隔”，点击fx，点击函数或变量，插入函数Cursor.x 和Cursor.y，并设置为[[Cursor.x-20]] 和[[Cursor.y-20]]，记得2层括号。如图2所示。

图2

c.最难的来了，怎么实现放大的结果呢？一样选择页面鼠标挪动时的用例，选择挪动，并勾选动态面板下的放大图，不消勾选动态面板，依然是绝对定位，但这里必要用到一个局部变量，定名默许便可，局部变量就在点击fx后的下方，新增并选择部件，工具为小图，（如图3所示）。并设置放大图的显示结果，即对小图的放大结果。

ps：LVAR1即一个局部变量，而.left是大图的x坐标，Cursor.x和Cursor.y则如前面提到过的是放大镜（最小的矩形）逗留的x,y坐标（信赖学过前真个都懂）。而公式的意思的就是：（大图的坐标-小图的坐标）*倍数放大倍数==就是当前放大图显示到的部门啦，或许有人会问，阿谁+20是甚么意思？这个是由于放大镜在前面设置的时辰是Cursor.x-20,以是在这里得补上20。

再ps：这个公式纯照搬，我也看得不是很懂，本身实现的结果固然说中间显示没错，但周边仍是有些问题，多是我还没学到局部变量等常识吧，但愿懂的人可以举荐一些相干的文章或视频给我！（但愿有人会看到）

最后天生原型，可以F5快速预览酒吧交友结果！

本文由 @我说新手原创公布于人人都是产物司理。未经允许，制止转载。

收藏0 回复显示全部楼层道具举报

返回列表

		自动登录	找回密码
密码			立即注册