Axure RP 9 制作拖动按钮面板,同步拖动图片

实现功能效果:

 1、准备组件,组件及组件命名、大小如下图

 

2、将图片转换为动态面板,并设置图片面板的宽度为354(与“拖动条背景条”的宽度一致)

 3、同时选中“拖动按钮”、“拖动后的底色条”、“拖动条背景条”三个组件,转换为动态面板并命名,将三个组件对齐,如下图所示。

4、将“拖动按钮”组件单独在转换为动态面板并命名,如下图所示

 5、给“拖动按钮面板”添加“拖动时”的交动作

  5.1添加   “拖动按钮面板”组件跟随水平移动  的事件,如下图所示

5.2、添加  设置“拖动后的底色条”组件的尺寸 的事件,如下图所示

5.3、添加 “图片”组件的移动事件,如下图所示

​​​​​​​

 

6、完成制作,预览如下

 

制作过程视频及原型文件下载:

https://download.csdn.net/download/shandongmike/86892284


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部