Axure设计:跟随拖动的拼图(1)

 时间:2024-10-12 15:58:18

1、新建拼图图片,箭头,以及2个矩形,方式如下图所示:

Axure设计:跟随拖动的拼图(1)

3、设置一“矩形”尺寸为320*50,命名为“lable”,内容为“向右滑动滑块填充拼图”“动态面板:拉杆”置于此”矩形:lable“的左边~并按以下布局组合各控件:

Axure设计:跟随拖动的拼图(1)

5、动作1:---移动“动态面板:栏杆”,移动方式:水平拖动并设置“动态面板:栏杆”水平移动的范围---

Axure设计:跟随拖动的拼图(1)

7、同样,再次设置“元件:la水瑞侮瑜ble”为局部变量LVAR1所以“动态面板:栏杆”左侧大于值为[[LVAR1.x]]

Axure设计:跟随拖动的拼图(1)

9、设置“动态面板:拉杆”的“移动时”交互动作:

Axure设计:跟随拖动的拼图(1)

11、恩,我们可以在设置一个“动态面板:拉杆”的“鼠标松开时”交互动作:

Axure设计:跟随拖动的拼图(1)

13、设置“元件:lable”为局部变量LVAR1所以“动态面板:栏杆”的X值为[[LVAR1.x+1]]

Axure设计:跟随拖动的拼图(1)

15、动作2:---等待100毫秒设置“矩形:lable”内容值为“向右滑动滑块填充拼图”---

Axure设计:跟随拖动的拼图(1)

17、觉得不错的话,请投个票,加个赞哦~

  • 如何上传阿里巴巴国际站自定义模块添加添加视频
  • 怎样判断婚礼用花的新鲜程度
  • 电脑文件怎么保存到桌面上
  • 怎么在WPS中快速创建简历?
  • word如何制一个教师课程计划表
  • 热门搜索
    城府深是什么意思 香蕉面膜的功效与作用 公务员遴选考什么 mp是什么意思 什么的铜钟 用什么方法脱毛 浮夸是什么意思 养生壶什么牌子好 含沙射影是什么意思 比肩是什么意思