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

访客4年前黑客工具1220

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

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

前期筹备

软件:Axure 9.0

硬件:Windows/Mac电脑

筛选标签结果图:

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

教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

结语

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

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

相关文章

后台创建课程功能解析

后台创建课程功能解析

一款教诲APP的焦点竞争力就是课程,许多企业都有本身的教研团队举办调研并跟进课程。本文将环绕靠山建设课程举办理会,但愿对你有辅佐。 一、靠山建设课程可以办理的问题 作为一款教诲APP最先办理的问题就...

你的报告怎么让老板满意?这有一份年终总结模板

你的报告怎么让老板满意?这有一份年终总结模板

编辑导语:2020年的时间彷佛被人按了加快键一般,转眼间就到了年底,许多人要开始写年度总结陈诉了。回首一年的事情经验其实并不简朴,简朴的摆列看起来太艰辛,在事情数据的基本长举办总结阐明才是一份及格的年...

B端表格设计实战指南

B端表格设计实战指南

编辑导语:在B端产物中,数据主要通过表格的形式揭示,表格的易读性和易操纵性设计,对晋升B端用户的操纵效率来说十分重要;本文是作者从实际事情出发,团结项目和已往履历对付巨大业务类的表格设计的一次总结。...

SaaS创业路线图(104):行业SaaS的发展策略

SaaS创业路线图(104):行业SaaS的发展策略

编辑导读:成长计策对SaaS产物的意义不问可知,它是指引产物成长的导向石,为产物附加更多意义。那么需要在哪些方面举办思考呢?本文作者从自身实践出发,就详细需要存眷的计策举办了梳理总结,供各人一同参考进...

以结果为导向的产品经理能力模型

以结果为导向的产品经理能力模型

在产物司理的路上,审视功效,审视代价。对产物司理这个岗亭自己举办深度的洞察,形成焦点竞争力,构建壁垒,拟定可一连成长路径,摸索切合小我私家本领模子的贸易模式,是作为产物司理对本身的交接。 一个优秀的...

以产品经理角度,解读视频号背后逻辑

以产品经理角度,解读视频号背后逻辑

编辑导语:冷静搞工作的微信视频号,因为“视频号推广”小措施,再次吸引了各人的留意力。平台每一次小小的调解,对运营者来说,都大概是一个极好的时机。谁最先琢磨出好的玩法,谁就可以在这片蓝海中拔得头筹。本为...