axure中的拐弯箭头_Axure 8.0制作水平方向上一直来回移动的箭头

本人是一名原型设计爱好者(自学了1个月左右)，自己琢磨了一些小东西，分享给大家，大神路过别喷！

1，分析

要做到箭头来回平行移动，需要解决两个问题

(1)箭头怎么实现移动

(2)箭头移动后如何实现来回一直移动

2，元件准备

在元件库中拖一个矩形，转变为自定义形状箭头，命名为slider-jt，再从元件库中拖两个热区放到合适的位置，命名为hot1和hot2，热区作为箭头移动的界限

3，添加交互

为slider-jt“载入时”添加交互，移动当前元件，绝对移动，X轴编辑值，添加局部变量LVAR1，LVAR1为“元件”热区hot1，插入函数，[[LVAR1.x]]，Y轴编辑值，因为箭头是平行移动，所以Y轴的坐标是不用变的。获取目标元件的Y轴坐标，利用[[Target.y]]，添加动画，线性，时间4000ms

4，判断移动界限

通过上面的步骤我们实现了在浏览器中浏览时，箭头线性移动到了热区hot1的位置，但是我们要的效果并没有实现，就是箭头会沿着X轴方向移动到热区hot2的位置, 我们需要为箭头移动添加条件。

(1)热区作为我们箭头移动的区域，开始我们将箭头移动了热区hot1，所以为箭头添加交互，“移动时”，添加条件，元件范围，如果箭头没有接触热区hot2，则将箭头移动到hot，(只需要将X轴移动的[[LVAR1.x]]的元件换成hot2,Y轴不变)，同理我们可以设置，如果箭头没有接触到热区hot1，将箭头移动到热区hot1.

原型演示地址：

下载

axure中的拐弯箭头_Axure 8.0制作水平方向上一直来回移动的箭头相关推荐

axure中的拐弯箭头_Axure教程：实现菜单下拉效果
原标题:Axure教程:实现菜单下拉效果笔者在本文中介绍了如何用Axure实现菜单下拉效果的操作步骤,以及实现过程中的一些心得体会,与大家分享. 尽管Axure的基础元件库里面已经有菜单项了,但是样 ...
axure中的拐弯箭头_Axure之幼儿养成记---标记元件中页面快照、水平箭头、垂直箭头、便签、圆形和水滴标记...
武汉加油,中国加油 2020年这个春节,有肺炎病毒侵袭,无法与家人团聚,在美丽的山河畅游,愿我们都挺住,相信未来很美好. 感恩你们的陪伴,我们都打好基础,相信我们一定会成长为那名女侠或侠客,加油. 一 ...
android中，实现水平方向上三个按钮左对齐、居中对齐、右对齐效果
解析:使用FrameLayout 可以很容易解决这个问题, 方法一:View 的上.下.左.右.居中对齐是界面中经常接触到的布局效果.单独某种对齐方式有很多种写法.但同一个方向的各种对齐布局,Fram ...
html中加一个边框,用HTML代码制作边框（上）
效果这是一个单层边框代码,边框颜色是湖蓝色(#8ee5ee),边框厚度值为"5"宽度为600,通过对边框宽度.颜色和边框厚度的设置可获得不同的边框.例如想把上面的边框制作成红色, ...
axure中交互样式设置鼠标悬停后其他的按下选中无效_Axure交互动作
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 axure中交互样式设置鼠标悬停后其他的按下选中无效_交互区域 -- 交互动作启用情形+交互事件+交互动作三个部分构成了整个原型的交互逻辑.启用情形是 ...
axure如何实现跳转_Axure中继器实现APP中设置页面的各种列表
中继器是Axure中的一个高级元件,可以当做Axure中的小型数据库使用,用于实现一些增删查改的效果,同时可用于一些具有相同元件组合的组件的快速生成,比如APP中的设置,如下图所示.下面我们介绍一下怎 ...
axrue9不显示右侧文件_Axure 9.0基础教程：史上最详细的元件说明，建议你认真看完（一）...
元件说明摘要:元件作为Axure 9.0的基础功能,线框图的绘制与交互事件的设置都离不开它,熟练掌握并了解每个元件的功能及用途,对原型设计来说尤为重要.这是一篇细到令人发指的关于元件的使用说明,不仅有 ...
Axure中绝对位置与相对位置的区别
Axure中绝对位置与相对位置的区别 1.绝对位置(move to) 根据面板原点(0,0)的坐标作为参考系. 2.相对位置(move by) 根据所需要移动控件(或动态面板)的坐标作为参考系
Axure中怎么画斜线和波浪曲线？
Axure RP(http://www.axurechina.cc/)作为一款专业的快速原型设计工具,可以快速创建专业的线框图.流程图.原型和规格说明文档.Axure拥有强大的交互功能,能够制作高保真 ...

axure中的拐弯箭头_Axure 8.0制作水平方向上一直来回移动的箭头

axure中的拐弯箭头_Axure 8.0制作水平方向上一直来回移动的箭头相关推荐

最新文章

热门文章