Axure教程:筛选标签展示效果

访客4年前黑客工具1226

当我们利用APP的时候总会碰着筛选标签的环境,那么筛选标签的结果是怎么实现的呢?

Axure教程:筛选标签展示结果

前期筹备

软件:Axure 9.0

硬件:Windows/Mac电脑

筛选标签结果图:

Axure教程:筛选标签展示结果

教程

(1)找到一个手机壳素材库,绘制界面如下图:

Axure教程:筛选标签展示结果

(2)在已选中标签中添加一其中继器并定名,中继器内添加一个矩形,长度按照展示的界面自由调解,这里不做限制,配置中继器交互,使中继器展示选中的可选标签的文字:

Axure教程:筛选标签展示结果

Axure教程:筛选标签展示结果

(3)配置可选标签矩形选中样式,配置选中后颜色及字色变革。

Axure教程:筛选标签展示结果

(4)配置可选标签矩形点击交互,实现鼠标单击可选标签时,切换标签的选中状态:

Axure教程:筛选标签展示结果

(5)配置可选标签选中时交互,实现标签选中时,中继器中增加行:

Axure教程:筛选标签展示结果

(6)配置可选标签矩形未选中时交互,标签打消选中时,删除行:

Axure教程:筛选标签展示结果

(7)复制可选标签交互,将可选标签的矩形交互复制粘贴到其他矩形控件上:

Axure教程:筛选标签展示结果

Axure教程:筛选标签展示结果

结语

本日主要运用到了中继器这个元件实现筛选标签的结果,值得留意的就是这个函数的利用。

各人可以存眷一下,是不是很简朴呢?快动手试一下吧~

相关文章

双十一数据背后:新业态的崛起

双十一数据背后:新业态的崛起

编辑导读:双十一顿时就要光降了,本年双十一分为两波,方才已往的1号和即将到来的11号。电商平台成长至今,已经深刻地影响到了我们的糊口和事情。2020年的疫情和直播,给电商行业带来了不小的改变。本文将对...

“卡片式UI”和“列表式UI”在B端业务中的应用

“卡片式UI”和“列表式UI”在B端业务中的应用

笔者近期在设计B端运维告警平台时,就告警指标如何泛起,选择卡片式or列表式与团队的小同伴们举办了剧烈的接头,从交互体验、信息泛起到业务效率等多方面举办了阐明,尽量笔者最终向列表式作出了妥协,但个中有代...

网易云音乐的红海出圈之路

网易云音乐的红海出圈之路

编辑导语:网易云音乐最近几回上热搜,从“网抑云”到“云村治愈所”,可见网易云音乐在挽回形象上所作出的尽力。网易云音乐的出圈之路很奇特,接下来,本文作者为我们做了具体地阐明。 最近一段时间,“网抑云”...

SaaS重构揭秘(1):为什么会出现重构?

SaaS重构揭秘(1):为什么会出现重构?

当重构不行制止产生的时候,产物司理要弄清楚重构的原因并在重构之前做好筹备。 市场上的saas公司有一个很怪异的现象,要么规划开始重构,要么已经走在重构的路上,好像永远离开不了重构的魔咒。 我其时去丁...

什么是留量池思维?

什么是留量池思维?

编辑导读:留量就是留下来的流量, 在互联网流量见顶的环境下,公司成长的要害不再是拥有了几多流量,而是如何把这些流量转酿成为留量。 本文作者从拉新、促活、留存、转化、裂变这五个环节对留量池思维展开了具体...

关于“少即是多”的交互思考

关于“少即是多”的交互思考

编辑导语:如此糊口的节拍很是快,互联网的迅速成长让用户对付信息的处理惩罚越来越有限,所以一个足够优质的用户体验更能脱颖而出;本文作者分享了关于“少等于多”的交互思考,我们一起来看一下。 互联网时代的...