不知道大家在做原型过程中是否通常会遇到一些想要的交互效果，可是呢又做不出来，那就很难过。没关系，我们慢慢的熟悉，今天分享一个把图片局部放大的交互“放大镜”效果。
　　第一步：摆放好相应的组件，还有一张自己喜欢的图片
　　选择一张大小为300200的图片，命名为“小图”，也可以自己设置尺寸，适中就好；
　　一个150200的矩形，设置为黄底黄边，不透明度30左右，初始状态设置为隐藏（不要遗漏这一步），命名为“放大镜”，放置在“小图”的右下角；
　　一个300200的动态面板（注意：动态面板尺寸与“小图”一致），初始状态设置为隐藏，命名为“放大窗口”，放置在小图的右边，可以紧靠“小图”，并且在state1面板状态中放置一张600400的图片（注意：与“小图”为同一张图片，尺寸设置最好与“小图”等比例），命名为“大图”。现在所有组件摆放完毕，然后添加用例。
　　第二步：添加整体页面载入时用例
　　在用例中设置全部变量OnLoadVariable为【大图宽度小图宽度】，大小图的宽度比例（注意：index页面什么组件都不选中的情况下设置用例）。
　　第三步：为“放大镜”添加鼠标移动时用例
　　用例中有两个动作：
　　绝对移动“放大镜”，x轴移动到【鼠标的x坐标“放大镜”宽度的一半】，y轴移动到【鼠标的y轴“放大镜”高度的一半】，并且左侧、右侧、顶部和底部的边界分别为“小图”的左侧、右侧、顶部和底部。
　　绝对移动“大图”，x轴移动到【（“小图”左侧“放大镜”左侧）OnLoadVariable】，y轴移动到【（“小图”顶部“放大镜”顶部）OnLoadVariable】。
　　设置完移动“放大镜”的动作后继续添加移动“大图”的动作，移动“大图”不需要添加边界设置。
　　第四步：为“小图”添加鼠标移动时用例
　　该用例与“放大镜”的鼠标移动时用例一样，这样直接复制粘贴过来就可以用了。
　　第五步：为“小图”添加鼠标移入时用例（注意是移入时用例）
　　该用例有两个动作：
　　一个显示“放大镜”；
　　另一个显示“放大窗口”。
　　这样就设置好了，第三步是比较复杂的，有很多变量要设置，所以要细心一点才可以喔。
　　预览就可以看到效果啦，下面附上自己做的预览效果，可以点击看下：https：x0lr2x。axshare。com

Axure原型学习：微信读书结合了一些最新版本的样式，以微信读书为标本做了Axure原型学习，enjoy首先要感谢人人都是产品经理专栏作家杨文强Kpaladin老师，无私奉献了微信读书原型教程。杨老……中继器实战：Axure制作抓阄本文试着用Axure制作抓阄，一起来看看如何制作又到了午餐时间，吃什么（是时候换个工作了，附近餐馆、外卖都吃腻了！）抓阄（基于中继器的抓阄）。本次实战涉……Axure教程：以微信为例，制作APP启动页的效果每次手机打开微信，进入到首页之前，都需要等待一段时间，等待时我们看到的那张人站在星球上的图片实际上就是微信的启动页。启动页的作用除了缓和用户等待的焦虑情绪外，还有为APP定调性……Axure教程：增删标签功能的详细实现教程添加、删除标签的功能会在文章发表时为自己的文章贴上标签或者在网站后台管理时出现，增删标签主要通过中继器来实现，我们一起来实现一下客官，热乎乎的效果图来啦修炼秘籍在此……Axure：PC端常见图片展位悬停效果（一）本文我来尝试着用axure，将悬停时放大的效果做一下，一起来看看为了增加鼠标移入时的响应，一般会在鼠标手势之外另外再加一些特殊的效果突出体现，目的是告之用户“你已经碰到我……中继器使用场景（一）本文适合已经掌握axure元件属性，中继器属性、中继器制作、中继器元件与数据集关系的同学参考。最近自己在做中粮我买网的高保真原型，截取了一段购物车中的场景同一商品，在重复……如何用Axure设计APP频道页频道页是APP中常见的页面，那么如何高效率的画出它的原型呢？之前的文章已经讲解了APP常见功能中的页面模板、下导航、上导航、列表页，详情页怎么画出来，请继续关注教你画AP……Axure教程：“放大镜”效果如何实现不知道大家在做原型过程中是否通常会遇到一些想要的交互效果，可是呢又做不出来，那就很难过。没关系，我们慢慢的熟悉，今天分享一个把图片局部放大的交互“放大镜”效果。第一步：摆……Axure中继器：柱状图灵活变幻的诀窍柱状图的使用在分析平台很常见，作为产品在设计此类分析统计平台的时候，常常面临找不到合适的图表元件的情况，又或是找到了合适的图表元件，元件本身又比较偏静态，需要花一些时间去做适当……原型的奥秘：如何做一个正确的原型？本文是原作者多年经验结晶，浅显易懂。文章探讨了原型在网站和数字服务开发中的巨大潜力，以及分享了从中获取最大收益的技巧。原型设计虽然流行，但常常被误解。人们无法从中获得全部……Axure教程：以微信为例，模拟内容的滚动浏览并触底反弹效果无论是APP还是网站，上下纵向浏览或者左右横向浏览是非常常见的，除此之外，大家肯定也都注意到了一种情况一种现象：当内容浏览到底部时，继续下拉页面会出现触底反弹，顶部也是如此。今……Axure：大气手风琴图片展示效果的制作本文主要讲述了如何利用Axure制作出手风琴效果的图片展示效果，一起来看看效果体验链接：https：5oqd60。axshare。com操作分析鼠标移入图片时……