AxureRP7.0教程 Axure部件函数详解

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

《AxureRP7.0函数变量运算符详解》

部件属性 Widget Functions


this


当前部件,指在设计区域中被选中的部件


target


目标部件,指在用例编辑器中配置动作时选中的部件


widget.x


部件的x轴坐标


widget.y


部件的Y轴坐标


widget.width


部件的宽度


widget.height


部件的高度


widget.scrollX


动态面板X轴的坐标


widget.scrollY


动态面板Y轴的坐标


widget.text


部件上的文字内容


widget.name


部件的名称


widget.top


部件的顶部


widget.left


部件的左侧


widget.right


部件的右侧


widget.bottom


部件的底部

this        当前部件,指在设计区域中被选中的部件

定义:

this        当前部件,指在设计区域中被选中的部件



实例:

查看案例演示

使用 this.text 获取当前选中部件上的文字内容

第一步,拖拽2个文本部件(矩形)到设计区域

分别对其命名为1、2,并在部件1中输入任意文字。



第二步,给部件1添加事件

选中部件1,在部件交互面板中双击鼠标点击时事件,在弹出的用例编辑器中选择 设置文本 动作,
在右侧的配置动作中勾选部件2 前面的复选框,在底部设置部件2的值为 [[this.text]],点击确定关闭用例编辑器。

F5 键预览原型,查看效果

target         目标部件,指在用例编辑器中配置动作时选中的部件



定义:

target         目标部件,指在用例编辑器中配置动作时选中的部件。



实例:

查看案例演示

在这个案例中,我们使用 [[Target.text]] 给用例编辑器中选中部件(目标部件)添加文字。

第一步,拖拽部件到设计区域

拖拽两个文本部件(矩形)到设计区域,分别命名为 1、2



第二步,给部件1添加事件

在设计区域中选中部件1,在部件交互面板中双击鼠标点击时,在弹出的用例编辑器中添加设置文本动作,在右侧配置动作中选中部件2.
设置部件2的值为“[[target.text]]变” ,意思就是当鼠标点击部件1时,就在部件2的文本内容中添加一个“变”字。点击确定,关闭用例编辑器。

F5键,快速预览原型。

widget.x         部件的x轴坐标



定义:

widget.x ,获取指定部件的X轴坐标;



实例:

查看案例演示

在本案例中,我们将获取当前按钮的X轴坐标和按钮左侧图片的X轴坐标;

案例1:

设置 形状按钮部件的值 为 [[this.x]]

输出: 330

案例2:

设置 形状按钮部件的值为[[LVAR1.x]]

LVAR1 = 图片部件

输出:100

widget.y         部件的Y轴坐标



定义:

widget.y         获取指定部件的Y轴坐标



使用方法与 获取部件X轴坐标方法相同。

查看案例演示

 

 

widget.width         部件的宽度



定义:

widget.width   可获取指定部件的宽度。



实例:

查看案例演示

在本案例中,我们使用 this.width 查看选中按钮部件的宽度

在设计区域中选中按钮部件 ,在部件交互面板中双击 鼠标点击时 事件,在弹出的用例编辑器中 添加 设置文本 动作,
设置当前部件的值为 [[This.width]]  ,点击确定关闭用例编辑器。

预览原型,输出:240

widget.height         部件的高度



定义:

widget.height    可获取指定部件的高度



实例:

查看案例演示

在本案例中,我们使用 this.height 来获取形状部件的高度;

设置形状部件的值为 [[This.height]]

输出:40

widget.text         部件上的文字内容



定义:

widget.text    可获取指定文本部件上的文字内容;



实例:

查看案例演示

在本案例中,我们使用 widget.text 来获取部件上的文字;

1.拖拽两个矩形部件到设计区域,分别命名为:poem 和 1 ;

2.给部件poem 添加内容;

3.
给部件1添加鼠标点击事件,在弹出的用力编辑器中新增 设置文本 动作,在配置动作中勾选当前部件,并设置部件1的值。点击 FX
在弹出的编辑文字对话框中新增局部变量,设置 LVAR1 = 部件 poem ,然后在对话框上面部分点击插入变量、属性、函数或运算符,将局部变量
LVAR1 插入。

4.点击两次确定回到设计区域,F5键快速预览。

输出:
自幼曾攻经史,长成亦有权谋。恰如猛虎卧荒丘,潜伏爪牙忍受。
不幸刺文双颊,那堪配在江州。他年若得报冤仇,血染浔阳江口!

widget.name         部件的名称



定义:

widget.name         获取指定部件的名称



实例:

查看案例演示

在本案例中,我们使用 this.name 来获取被点击部件的名称

1.拖拽形状按钮部件到设计区域,并给其命名。

2.给形状按钮部件添加鼠标点击事件,在弹出的用例编辑器中添加  设置文本动作,在右侧配置动作中勾选当前部件,并设置部件值为 [[This.name]]

3.点击确定关闭用例编辑器,F5预览效果

输出:我的名字叫: widget.name

widget.top         部件的顶部



定义:

widget.top         用于获取部件的的顶部位置或坐标。

widget.top         部件的顶部
widget.left         部件的左侧
widget.right         部件的右侧
widget.bottom         部件的底部

通常用于判断部件上下左右的坐标位置或者部件之间的上下左右是否相交的条件判断中;



实例:

查看案例演示

在本案例中,我们对上述部件属性进行综合讲解,

当我们拖动部件1的时候,

如果部件1的顶部(top)小于100 ,就将其移动到拖动前的位置;
如果部件1的底部(bottom)大于200,就将其移动到拖动前的位置;
如果部件1的左侧(left)小于300,就将其移动到拖动前的位置;
如果部件1的右侧(right)大于500,就将其移动到拖动前的位置;

1.给部件1(动态面板)添加正在拖动时事件,双击正在拖动时,在用例编辑器中新增移动 动作,在配置动作中将动态面板设置为 拖动;

2.给部件1 添加拖动结束时事件,新增用例如下:

case1 : if "[[LVAR1.top]]" < "100"
移动 动态面板 到拖动前位置

case2 : else if "[[LVAR1.bottom]]" > "200"
移动 动态面板 到拖动前位置

case3 : else if "[[LVAR1.left]]" < "300"
移动 动态面板 到拖动前位置

case4 : if "[[LVAR1.right]]" > "500"
移动 动态面板 到拖动前位置

widget.scrollX       动态面板X轴的坐标



定义:

widget.scrollX        动态面板滚动时X轴的坐标;



语法:

widget.scrollX

widget.scrollY       动态面板Y轴的坐标



定义:

widget.scrollY        动态面板滚动时Y轴的坐标;



语法:

widget.scrollY

时间: 2024-11-09 00:31:11

AxureRP7.0教程 Axure部件函数详解的相关文章

AxureRP7.0教程 Axure函数教程 中继器/数据集Repeater/DataSet

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0函数变量运算符详解> 中继器/数据集Repeater/DataSet Item 中继器的项 Item.Column0 中继器数据集的列名 index 中继器项的索引 isFirst 中继器的项是否第一个 isLast 中继器的项是否最后一个 isEven 中继器的项是否偶数 isOdd 中继器的项是否奇数数 isMarked 中继器的项是否被标记 isVisibl

php date()日期时间函数详解

PHP(PHP培训 php教程 )中date()日期时间函数详解,需要的朋友可以参考下. 1,年-月-日 echo date('Y-m-j'); 2007-02-6 echo date('y-n-j'); 07-2-6 大写Y表示年四位数字,而小写y表示年的两位数字; 小写m表示月份的数字(带前导),而小写n则表示不带前导的月份数字. echo date('Y-M-j'); 2007-Feb-6 echo date('Y-m-d'); 2007-02-06 大写M表示月份的3个缩写字符,而小写m

Spring MVC 3.0.5+Spring 3.0.5+MyBatis3.0.4全注解实例详解(四)

这一章大象将详细分析web层代码,以及使用Spring MVC的注解及其用法和其它相关知识来实现控制器功能.     之前在使用Struts2实现MVC的注解时,是借助struts2-convention这个插件,如今我们使用Spring自带的spring-webmvc组件来实现同样的功能,而且比之以前更简单.另外,还省掉了整合两个框架带来的不稳定因素.     对于Spring MVC框架,我主要讲一下它的常用注解,再结合一些示例进行说明,方便大家能够快速理解.     一.Spring MV

delphi中的Format函数详解

首先看它的声明:[[email protected]][@21ki!] function Format(const Format: string; const Args: array of const): string; overload;[[email protected]][@21ki!] 事实上Format方法有两种形式,另外一种是三个参数的,主要区别在于它是线程安全的,[[email protected]][@21ki!]但并不多用,所以这里只对第一个介绍:[[email protect

Nmap扫描教程之基础扫描详解

Nmap扫描教程之基础扫描详解 Nmap扫描基础扫描 当用户对Nmap工具了解后,即可使用该工具实施扫描.通过上一章的介绍,用户可知Nmap工具可以分别对主机.端口.版本.操作系统等实施扫描.但是,在实施这些扫描工作之前,需要先简单了解下Nmap工具的使用,以方便后面实施扫描.所以,本章将通过使用Nmap工具实施基础的扫描,来帮助用户了解该工具. Nmap扫描扫描概述 在实施基本的扫描之前,需要先了解一些Nmap网络扫描的基本知识,及需要考虑的一些法律边界问题.本节将对网络基本扫描进行一个简单介

c++ 虚函数详解

下面是对C++的虚函数的理解. 一,定义 简单地说,那些被virtual关键字修饰的成员函数,就是虚函数.虚函数的作用,用专业术语来解释就是实现多态性(Polymorphism),多态性是将接口与实现进行分离:用形象的语言来解释就是实现以共同的方法,但因个体差异而采用不同的策略.下面来看一段简单的代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 classA { publi

linux网络编程之shutdown() 与 close()函数详解

linux网络编程之shutdown() 与 close()函数详解 参考TCPIP网络编程和UNP: shutdown函数不能关闭套接字,只能关闭输入和输出流,然后发送EOF,假设套接字为A,那么这个函数会关闭所有和A相关的套接字,包括复制的:而close能直接关闭套接字. 1.close()函数 [cpp] view plain copy print? <span style="font-size:13px;">#include<unistd.h> int 

linux中fork()函数详解[zz]

转载自:http://www.cnblogs.com/york-hust/archive/2012/11/23/2784534.html 一.fork入门知识 一个进程,包括代码.数据和分配给进程的资源.fork()函数通过系统调用创建一个与原来进程几乎完全相同的进程,也就是两个进程可以做完全相同的事,但如果初始参数或者传入的变量不同,两个进程也可以做不同的事. 一个进程调用fork()函数后,系统先给新的进程分配资源,例如存储数据和代码的空间.然后把原来的进程的所有值都复制到新的新进程中,只有

【转载】3D/2D中的D3DXMatrixPerspectiveFovLH和D3DXMatrixOrthoLH投影函数详解

原文:3D/2D中的D3DXMatrixPerspectiveFovLH和D3DXMatrixOrthoLH投影函数详解 3D中z值会影响屏幕坐标系到世界坐标系之间的转换,2D中Z值不会产生影响(而只是屏幕宽高比会产生影响,z值只对深度剔除产生影响).所以U3D中如果用2D摄像机那么屏幕坐标和世界坐标之间的转换需要用指定的2D摄像机才行,如果用主3D摄像机那么UI转换会产生计算结果异常. 一.D3DXMatrixPerspectiveFovLH函数 作用:Builds a left-handed