编辑导语:我们在使用各种软件或者网页时,面对我们要去查找的内容,可以使用选择标签的方式进行,比如在进行注册一款新的网页时,我们就会发现有一个兴趣爱好的标签选择;本文作者分享了关于制作中继器标签的方法,我们一起来了解一下。

标签像是目标确定的关键字词,便于查找和定位目标的工具,用来标志产品目标和分类或内容,绑定合适的话题,能方便分类检索,也更容易让用户发现。
随着大数据的发展,标签应用于更大软件系统,所以今天作者教大家在axure里面用中继器制作高保真的标签,包括选择已有标签,输入新增标签,删除已添加的标签。
具体效果如下图所示:

原型地址:https://xy0uki.axshare.com
一、材料准备
中继器1——添加标签的中继器,内部包含矩形(标签文本1)和关闭按钮,标签文本1的样式可自由设置,案例中为外框线蓝色,填充颜色为浅蓝色,圆角,中继器表格中默认一列Column0,因为默认显示没有标签,删除所有标签行。
中继器2——已有标签的中继器,内部进包含矩形(标签文本2),样式可自由设置,案例中为外框线蓝色,填充颜色为浅蓝色,选中颜色为灰色,字体白色加粗,中继器表格中除了默认一列Column0外,还需要增加xuanzhong列,用于控制标签是否被选中;因为是已有可以选择的标签,所以Column0需要填写推荐选择的标签文字。
输入框——通过输入添加标签,默认隐藏边框,默认提示与:按回车创建标签。
默认隐藏按钮——仅用于触发事件,后面交互会详细介绍,包括筛选事件按钮、判断是否重复事件按钮、移动事件按钮、添加行事件按钮。
提示标签——用于输入重复标签时显示提示弹窗,转为动态面板,固定在中部。
外框(非必要)——用于美化,根据需求自由设置。
文字标签(非必要)——例如选择标签的文字,仅用于提示。

闽ICP备13000641号-4