AXURE-003-组件-SYNC

我是封面

hi，大家好，我是18岁fantasy，本期小组件为一个地图或图片对比组件，主要场景用于对两张不同时间但相同地点拍摄图片或者地图的对比，效果如下：

显示效果

实现方式

1.图层分析。左右两边各一个动态面板，每个面板一个state，里面各方一张图片，注意：两个个面板里面的图片大小，位置一定要一致，否则最终无法同步显示，具体如下：

图层

图层

2.添加事件。为两个动态面板添加相同的“拖动时”事件，使得鼠标移动时同时移动两个面板中的图片，并跟随鼠标位置。具体如下图：

拖动事件

以上便是本次小组件的全部内容，喜欢就关注我吧。

原件下载

链接：https://pan.baidu.com/s/1r0cF_2lXNEvaDCDrI5Be_A

提取码：zia7

~~~

18岁提示：以上文件完成于axure 9版本。

点击关注"18岁fantasy"，定期会将组件整理成完整文件统一发布。

原创文章，转载请标明出处。

---

同名微信公众号，18岁fantasy 感谢关注！