养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure元件属性this和target含义及使用案例示图

时间:2024-10-09 07:25:15

Axure元件库中的元件在使用过程中粲茸锿枋不可避免的会用到一些常用属性,this和target就是其中常用属性之一,本文将向大家介绍这两个属性是什么、怎么用。

工具/原料

AxureRPPro7.0

方法/步骤

1、Axure元件属性this说明this可以理解成“我”或者“本人”,指的是你当前操作的元件

Axure元件属性this和target含义及使用案例示图

2、Axure元件属性target说明target可以理解成“你”或者“他”,指的是按你的设置产生后续动作行为的部件

Axure元件属性this和target含义及使用案例示图

3、使用案例我们首先给“按钮”元件设置一个交互事件,即鼠标点击按钮时,可以让矩形向上移动10px

Axure元件属性this和target含义及使用案例示图

4、2.在点击fx按钮后分别设置x和y的值,而在此过程中会用到target

Axure元件属性this和target含义及使用案例示图

5、3.先设置x坐标值,target代表着矩形,target.x代表矩形当前所在位置的x轴坐标值

Axure元件属性this和target含义及使用案例示图

6、4.再设置鲻戟缒男y的坐标值,由于要矩形向上移动10px,因此要对矩形的纵坐标做下处置,即拿当前矩形y坐标减去10px,从而即可以向上移动了

Axure元件属性this和target含义及使用案例示图

7、设置效果展示

Axure元件属性this和target含义及使用案例示图

8、页面效果展示

Axure元件属性this和target含义及使用案例示图

© 一点知识