企业文化
栏目导航
  1. 大型微波炉
  2. 微波杀菌设备
  3. 微波木材干燥机
  4. 微波干燥设备
  5. 微波干燥机
  6. 工业微波设备
  7. 微波干燥杀菌设备
  8. 社区
  9. 新闻中心
  10. 企业文化

企业文化

主页 > 企业文化 >

Axure教程:随着鼠标移动图片放大效果实现

发布日期:2022-01-10 09:39   来源:未知   阅读:

  移动鼠标放大缩小图片在原型设计的时候算是很常用的功能,如何在Axure中实现呢?这篇文章给你解答。

  底层是图片,第二层是小矩形;小矩形随着鼠标进行移动,图片上加交互效果:鼠标移动。

  以鼠标作为中心点,小矩形的X Y点在 鼠标X-小矩形宽度/2 ,鼠标Y-小矩形高度/2。

  因这样的设计导致鼠标在小矩形内部时无法生效,需要将鼠标移出小矩形外部才能生效,此时需要在图片与小矩形上加一个顶层:大矩形,同时将大矩形填充色的透明度设置为0%

  1.设置边界,令小矩形不会在大矩形外部活动,即使超出会自动回到大矩形对应的位置

  If 小矩形TOP大矩形TOP(条件中无法用target这个元件,同时多个元件存在时,不建议用target 直接用局部变量替代更加方便)

  If 小矩形Left大矩形left(条件中无法用target这个元件,同时多个元件存在时,不建议用target 直接用局部变量替代更加方便)

  If 小矩形bottom大矩形bottom(条件中无法用target这个元件,同时多个元件存在时,不建议用target 直接用局部变量替代更加方便)

  If 小矩形right大矩形right(条件中无法用target这个元件,同时多个元件存在时,不建议用target 直接用局部变量替代更加方便)

  注意:选择局部变量时,注意查看选择局部变量的属性,选错就导致交互效果出错

  小矩形X距离=小矩形left-大矩形left;小矩形Y距离=小矩形top-大矩形top;

  令动态面板中的放大图片进行移动:X=-(小矩形left-大矩形left)*2.5;Y=-(小矩形top-大矩形top)*2.5

  听到很多言论说在中国程序员是吃青春饭的,那么产品经理呢,也吃青春饭吗?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。正规赌博十大app排名,十大网赌信誉老品牌网站,正规网赌软件,十大网赌老品牌网站香港内部正版免费资料