行业新闻
Group news
江苏宏丰木业有限公司    您的位置: 首页  >  行业新闻  >  正文

axure中继器使用方法图文详解

2019年11月04日 文章来源:网络整理 热度:185℃ 作者:刘英

中继器这个翻译是让人费解的,如果直译成“重复器”虽然不太专业但是更利于理解,或者干脆不编译,用“Repeater”就行。用过Asp.Net的人,一定对里面的Repeater很熟悉,没错,Axure的Repeater与Asp.Net的原理基本上是一样的。本文教大家使用axure中继器。

一、初识中继器

从元件库中找到中继器,按住并拖入中间的操作区,我们可以看到它已经有一列三行,分别写着1、2、3。

axure中继器使用方法图文详解

那么操作区中的1、2、3从哪里来的呢?聪明的同学已经看出来了,在右侧的“检视:中继器——中继器”栏有一个编辑区,里边便有1、2、3。但是这还不够,如果我们把“检视:中继器——交互——每项加载时”中的“case1”删除,那么操作区中1、2、3便消失了。由此可见,还需要“case1”把操作区和编辑区联系在一起。

axure中继器使用方法图文详解

按“Ctrl+Z”撤销“删除case1”操作,双击“case1”打开用例编辑《每项加载时》面板,我们来看看“case1”究竟做了什么。

axure中继器使用方法图文详解

只见上面写着 设置文字于(矩形)= “[[Item.Column0]]” 。顿生疑惑:什么?矩形?什么矩形?Item又是什么?Column0又是什么?Item.Column0又是什么?为什么要用“[[ ]]”包起来?

关掉用例编辑《每项加载时》面板,回到主界面,双击操作区的中继器,打开中继器模式编辑操作区。

axure中继器使用方法图文详解

点击中继器模式编辑操作区中的矩形,可以看到右侧“检视:矩形”中名称栏显示“(矩形名称)”,这就是上文中的“(矩形)”。

axure中继器使用方法图文详解

点击“检视:矩形”中的名称栏,我们给这个矩形取名为“动物”。

axure中继器使用方法图文详解

选中中继器模式编辑操作区中的矩形,按“Ctrl+C”和“Ctrl+V”复制粘贴出新的矩形,拖动矩形放置在原矩形的右侧,并在右侧“检视:矩形”中名称栏将矩形名称改为“食物”。

axure中继器使用方法图文详解

将操作区切换回index页面,我们可以看到发生了一些变化:中继器变成了两行三列,“case1”中的“矩形”也变成了“动物”。这是我们刚才在中继器模式编辑操作区修改的结果。

axure中继器使用方法图文详解

接下来,我们要做更多的操作。在右侧“检视:中继器——中继器”中,双击“Column0”,更名为“FirstColumn”,双击“添加列”,取名为“SecondColumn”。让我们看看“case1”发生了什么变化。

axure中继器使用方法图文详解

我们将“Column0”改名“FirstColumn”之后,“case1”中的“Column0”也变为“FirstColumn”,由此我们可以意会他们的关系。

二、每项加载时

接下来,我们在“检视:中继器——中继器”的编辑区中填入一些动物和食物的对应关系,可以看到,操作区也发生了改变,但是只显示了第一列,第二列却没有显示。

axure中继器使用方法图文详解

这是因为“case1”只同步了第一列却没有同步第二列。接下来我们试着同步第二列。双击“case1”打开用例编辑《每项加载时》面板,可以看到,“case1”只将“动物(矩形)”和“FirstColumn”联系起来。

axure中继器使用方法图文详解

上一篇:半导体激光器工艺知识详解


下一篇:从贴片焊接的角度,介绍了几点PCB设计时需要注意的要点

友情链接
Links
鸿运国际官网_鸿运国际备用网址