hi，大家好，我是18岁fantasy，本期小组件为一个地图或图片对比组件，主要场景用于对两张不同时间但相同地点拍摄图片或者地图的对比，效果如下：
显示效果
实现方式
1.图层分析。左右两边各一个动态面板，每个面板一个state，里面各方一张图片，注意：两个个面板里面的图片大小，位置一定要一致，否则最终无法同步显示，具体如下：
图层
图层
2.添加事件。为两个动态面板添加相同的“拖动时”事件，使得鼠标移动时同时移动两个面板中的图片，并跟随鼠标位置。具体如下图：
拖动事件
以上便是本次小组件的全部内容，喜欢就关注我吧。
原件下载
链接：https://pan.baidu.com/s/1r0cF_2lXNEvaDCDrI5Be_A
提取码：zia7
~~~
18岁提示：以上文件完成于axure 9版本。
点击关注"18岁fantasy"，定期会将组件整理成完整文件统一发布。
原创文章，转载请标明出处。
hi，大家好，我是18岁fantasy，本期小组件为一个地图或图片对比组件，主要场景用于对两张不同时间但相同地点拍...
hi，大家好，我是18岁fantasy，本期小组件为一个水位线(用量)显示组件，效果如下： 实现方式 1.图层顺序...
本期小组件为一个常用的选项卡（页签）切换组件，效果如下： 实现方式 1.首先添加相关组件，主要内容区为动态面板。具...
hi，大家好，我是18岁fantasy，本期小组件为一个类似于雷达的组件，效果如下： 实现方式 1.图层分析。主要...
hi，大家好，我是18岁fantasy，本期小组件为一个类似于车展展台效果，主要场景用于大屏可视化中的部分展示组件...
hi，大家好，我是18岁fantasy，本期小组件为一个模拟手机端的下拉刷新组件，主要用到axure事件的IF和E...
hi，大家好，我是18岁fantasy，本期小组件为一个类似微信二维码的扫描组件，效果如下： 实现方式 1.图层分...
Axure-学习案例合集http://pan.baidu.com/s/1dE7wwz3pmcaff产品原型web端...
hi，大家好，我是18岁fantasy，axure组件和实例100篇连载。本期小组件为一个沙漏实例，主要用到axu...
hi，大家好，我是18岁fantasy，axure组件和实例100篇连载。本期小组件为一个模拟键盘输入的实例，主要...
本文标题：AXURE-组件-003-SYNC
本文链接：https://www.haomeiwen.com/subject/ozkxbqtx.html
网友评论