您现在的位置是:首页 > 设计知识设计知识

axure中继器修改,axure中继器的使用方法

网一2022-11-23 10:38:04设计知识5人已围观

简介axure中继器修改,axure中继器的使用方法很多python的朋友都不知道如何添加或删除Axure中继器,所以为了帮助大家,我们来分享一下添加或删除Axure中继器的案例,希望对大家有所帮助。要了解更多关于“AxureRP”,您可以点击免费试用课程。工具/软件硬件型号:联想winner510S版本:Win

axure中继器修改,axure中继器的使用方法

很多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:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐