您现在的位置是:首页 > 设计知识设计知识
axure中继器修改,axure中继器的使用方法
网一2022-11-23 10:38:04设计知识5人已围观
简介axure中继器修改,axure中继器的使用方法很多python的朋友都不知道如何添加或删除Axure中继器,所以为了帮助大家,我们来分享一下添加或删除Axure中继器的案例,希望对大家有所帮助。要了解更多关于“AxureRP”,您可以点击免费试用课程。工具/软件硬件型号:联想winner510S版本:Win
很多python的朋友都不知道如何添加或删除Axure中继器,所以为了帮助大家,我们来分享一下添加或删除Axure中继器的案例,希望对大家有所帮助。
要了解更多关于“Axure RP”,您可以点击免费试用课程。
工具/软件
硬件型号:联想winner 510S
版本:Windows7
所需软件:Axure RP
方法/步骤
第1步
演示案例模型,参考《Axure设计:两个中继器的增删改案例(第一部分)》,此处不再赘述;
链接如下:
第2步
为了达到演示效果,会更改一些互动,请注意~
第3步
“Repeater A”增加一个新列,列名为del,默认值为0;
如下图所示:
第4步
选择“复读机B”,转为“动态面板”;
如下图所示:
第5步
将“动态面板”命名为“选择列表”,并创建一个新的“面板:状态2”;
“面板:状态2”的内容为空;
勾选“动态面板”为“自动调整到内容大小”;
第6步
关于“动态面板”自动调整内容大小的功能,请参考以下链接~
第7步
创建一个名为“清除”的新按钮,并将文本内容值设置为“全部清除”;
效果如下:
第8步
以上完成本演示案例的基础架构~
第9步
“中继器A”的“加载每个项目时”设置两个交互动作:
第10步
案例1操作:
-
将“矩形:显示行”的值设置为[[Item。Column0]]
-
第11步
“矩形:显示行”是“Repeater A”中的矩形控件,如下图所示:
第12步
案例2判断条件:
-
当“值:[[Item.del]]”不等于“0”时
-
第13步
操作:
-
显示“key: del ”;
隐藏“关键:添加”;
-
第14步
双击编辑“Repeater A”并设置两个键“del”和“add”的交互动作~
第15步
我们先来看鼠标点击时“按钮:添加”的交互动作~
第16步
行动1:
-
“动态面板:选择列表”开关:
A.选择状态:下一个;反向循环
B.推/拉元件;方向:下方;动画:无
-
第17步
行动2:
-
“Repeater B”新增一行,“column: Column0”的值为[[Item。Column0]]
-
([[项。Column0]]是“中继器A”的值
第18步
行动3:
-
将“Repeater A”的“column: del”值更新为[[Item。Column0]]
-
第19步
行动4:
-
“动态面板:选择列表”再次切换:
A.选择状态:下一个;反向循环
B.推/拉元件;方向:下方;动画:无
-
第20步
“鼠标点击时”的“key: del”交互:
第21步
行动1:
-
“动态面板:选择列表”开关:
A.选择状态:下一个;反向循环
B.推/拉元件;方向:下方;动画:无
-
第22步
行动2:
-
将“Repeater A”行中“column: del”的值更新为0
-
第23步
行动3:
-
删除“中继器B”一行;
条件是:[[target item . column 0==item . column 0]]
-
([[项。Column0]]是“Repeater A”的值;[[TargetItem。Column0]]是“中继器B”的值)
第24步
行动4:
-
“动态面板:选择列表”开关:
A.选择状态:下一个;反向循环
B.推/拉元件;方向:下方;动画:无
-
第25步
“鼠标点击时”交互的“键:干净”~
第26步
行动1:
-
“动态面板:选择列表”开关:
A.选择状态:下一个;反向循环
B.推/拉元件;方向:下方;动画:无
-
第27步
行动2:
-
删除“复读机B”的所有记录;条件:[[真]]
-
第28步
行动3:
-
将“repeater a”的“column: del”值更新为0;条件:[[真]]
-
第29步
行动4:
-
“动态面板:选择列表”开关:
A.选择状态:下一个;反向循环
B.推/拉元件;方向:下方;动画:无
-
第30步
编辑“Repeater B”并设置“icon: del”的“鼠标点击时”交互动作~
第31步
行动1:
-
“动态面板:选择列表”开关:
A.选择状态:下一个;反向循环
B.推/拉元件;方向:下方;动画:无
-
第32步
行动2:
-
将“repeater a”的“column: del”值更新为0;条件:[[target item . del==item . column 0]]
-
第33步
行动3:
-
删除“复读机B”这一行
-
第34步
行动4:
-
“动态面板:选择列表”开关:
A.选择状态:下一个;反向循环
B.推/拉元件;方向:下方;动画:无
-
第35步
果然是简单的优化,其设置的操作步骤相当繁琐,需要一定的小心.
第36步
OK,验证效果是否如下?
第37步
另外,多留一个问题,希望读者喜欢~
觉得好的请投票加个赞~
注意/提示
好了,这个小滑分享的《Axure两个中继器的增删改案例介绍》到了。如果恰好对你有用,请记得喜欢!这个网站将继续分享更多实用的内容,以及相关的学习课程。有需要的朋友可以赶紧支持自学!
Tags:
很赞哦! ()