axure如何用中继器做联级框?制作步骤有哪些?

中继器的英文叫做"Repeater"表示重复的意思,其实中继器有个数据集的概念,所谓的数据集就是这个中继器所要处理的数据源,学习它的使用有助于我们快速设计一些复杂的交互界面 。本文小编来教大家axure如何用中继器做联级框 。

axure如何用中继器做联级框?制作步骤有哪些?

文章插图
一、文本框
1、首先我们需要在画面中拖入矩形,模拟输入框,并填入文字“请选择” 。
2、接着为文本框设置【悬停】、【选中】、【获取焦点】的交互样式 。
3、获得文本框模型 。

二、联级框

1、拖入三个中继器,分别命名为【L1】、【L2】、【L3】作为一级、二级、三级的联级列表 。
2、接着做好数据填充,设置【每项加载】,分别将【Item.L1】、【Item.L2】、【Item.L3】赋值给到【L1】、【L2】、【L3】 。
3、在填充数据的时候,建议先用 Excel 做好数据备份,以便后续修改使用 。并且中继器数据是支持直接通过 Excel 复制黏贴到中继器的数据表中的 。
三、交互设置
1、用鼠标选中【L1】的中继器,双击选中【L1】文本标签,为它交互动作 -【单击时】设置切换选中效果 。
2、为【选中时】状态添加设置文本,将【Item.L1】赋值给到【sel_L1】的文本标签 。
3、同时向目标对象【L2】中继器添加筛选设置,规则为 [[Item.L1==TargetItem.L1]],在“移除其他筛选”【取消选中时】前面进行勾选 。
4、将【sel_L1】设置为空值,且移除【L2】的筛选,同时隐藏【L2】,并且显示【L2】中继器 。
5、同样,【L3】需要设置切换选中的交互动作,但【选中时】仅需将【Item.L3】赋值给到【sel_L3】文本标签,且【取消选中时】将【sel_L3】设置为空值 。
【axure如何用中继器做联级框?制作步骤有哪些?】以上就是关于如何用中继器做联级框的制作方法和步骤,联级框的制作实际上是中继器筛选能力的一个进阶用法,需要大家熟练掌握运用 。

    推荐阅读