axure怎么拖动画布,axure垂直拖动怎么设置

axure怎么拖动画布,axure垂直拖动怎么设置

一些python网站一用手动“拼图”来验证“人”的行为，今天就给大家介绍一下这个控件的实现方法~效果如下，希望本文的内容能对你有所帮助。

我还为大家准备了“Axure RP”的视频教程。点击查看。

工具/软件

硬件型号：机械革命极光空气

版本：Windows7

所需软件：Axure RP

方法/步骤

第1步

创建一个新的拼图图片、箭头和两个矩形，如下图所示：

第2步

设置一个“矩形”，大小为48*48，填充颜色为#C6E6E8，取消显示边线。

将箭头图标放在这个矩形的中间；

同时选择箭头图片和这个矩形，把它变成“动态面板”，命名为“拉杆”

第3步

设置一个大小为320*50的“矩形”，命名为“lable”，内容为“向右滑动滑块填充拼图”

“动态面板：拉杆”放在这个“矩形：标签”的左边~

并根据以下布局组合控件：

第4步

“动态面板：拉杆”的“拖动时”交互动作设置如下：

第5步

行动1:

通过水平拖动来移动“动态面板：栏杆”。

并设置“动态面板：栏杆”的水平移动范围

第6步

将“组件：标签”设置为局部变量LVAR1。

因此，“动态面板：栏杆”右侧的值小于[[LVAR1.right]]

第7步

同样，再次将“component: lable”设置为局部变量LVAR1。

所以“动态面板：栏杆”左侧大于[[LVAR1.x]]。

第8步

行动2:

将“rectangle: lable”内容值设置为空。

第9步

设置“动态面板：拉杆”的“移动时”交互：

第10步

操作：

当“动态面板：拉杆”移动时，图片跟随“移动”

第11步

好吧，我们可以通过设置一个“动态面板：杠杆”来实现鼠标释放时的交互：

第12步

行动1:

等待1500毫秒

移动“动态面板：杠杆”将是初始位置。

第13步

将“组件：标签”设置为局部变量LVAR1。

因此，“动态面板：栏杆”的x值为[[LVAR1.x 1]]

第14步

“动态面板：扶手”的y值为[[this.y]]

第15步

行动2:

等待100毫秒

将“rectangle: lable”的内容值设置为“向右滑动滑块以填充拼图”

第16步

“栏杆”拖动拼图的交互动作到此结束。看到小效果，是不是很好~

再过几天，完善剩下的验证工作~期待！

注意/提示

以上是《Axure设计：跟拖拼图(一)》的详细内容。不知道朋友们有没有学过？该网站还为您提供了大量软件相关内容的信息。感兴趣的朋友可以关注一下，去学习一下！

Tags：

转载：感谢您对我们平台的认可，以及对我们文章的青睐，内容均为用户上传，仅用于交流分享，如有侵权请联系删除，邮箱：332078507@qq.com。https://www.zizhi888.cn/sjzs/53624.html

很赞哦！ ()