广州CQ9电子元件有限公司欢迎您!

将 操作区 切换回index页面

 将 操纵区 切换回index页面

这是本人在“人人都是产物司理”颁发的第一篇文章,主要目标是教会小白利用Axure7.0新增的组件——中继器(Repeater)。才疏学浅,如有马虎,还请指正。

利用之前

在利用之前,我们总得搞清楚我们将要利用的元件是什么对象。

据Axure官网先容,中继器是一种用于展示模式反复的文本或图标的元件。没看懂?不急,我们先看一下结果演示,然后再一步步把这个结果做出来,就可以开始利用中继器了~

一、初识中继器

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

 将 操纵区 切换回index页面

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

 将 操纵区 切换回index页面

按“Ctrl+Z”取消“删除case1”操纵,双击“case1”打开用例编辑<每项加载时>面板,我们来看看“case1”毕竟做了什么。

 将 操纵区 切换回index页面

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

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

 将 操纵区 切换回index页面

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

 将 操纵区 切换回index页面

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

 将 操纵区 切换回index页面

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

 将 操纵区 切换回index页面

操纵区切换回index页面,我们可以看到产生了一些变革:中继器酿成了两行三列,“case1”中的“矩形”也酿成了“动物”。这是我们适才在中继器模式编辑操纵区修改的功效。

 将 操纵区 切换回index页面

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

 将 操纵区 切换回index页面

我们将“Column0”更名“FirstColumn”之后,“case1”中的“Column0”也变为“FirstColumn”,由此我们可以领悟他们的干系。

二、每项加载时

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

 将 操纵区 切换回index页面

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

 将 操纵区 切换回index页面

相关产品推荐

Copyright © CQ9电子元件有限公司 版权所有  网站地图