网易首页 > 网易号 > 正文 申请入驻

Axure中继器全选操作的“半选中状态”及框选

0
分享至

在Axure中继器的全选复选框中,有时候会出现“半选中状态”,也被称为“The indeterminate state(不确定状态)”。这种状态是指当子复选框中既有选中状态的,又有未选中状态的时候,全选复选框就会呈现出这种不确定的状态。

半选中状态通常用于提醒用户,并且在一些特定场景下也有其实际的应用。例如,当用户在一组中继器中选择部分选项时,如果不是所有选项都被选中了,全选复选框就会呈现出半选中状态,以提醒用户还有未选择的选项。

一、基本教程

先自行准备好以下元件,自行调整元件尺寸、样式、默认内容、选中时样式等。

一个带有多行数据的中继器,外部包裹一个组合,内部包含:

1)一个动态面板(取名:框选监听),进阶教程时使用:

默认的矩形,用来显示数据,最好添加“选中样式”效果。

一个复选框,用来设置选中状态。

2)一个3状态的动态面板(取名:全选操作),用来显示“全选”功能。

3)一个文本框(取名:每项状态),用来记录中继器每项的选中状态。

我们先来做全选操作的动态面板吧,演示里使用的是Axure自带图标库。三个状态分别是:

复选框的交互如下,U代表Unchecked未选,C代表Checked选中:

选中时设置的文本值为:[[Target.Text.substr(0, Item.index-1)]]C[[Target.Text.substr(Item.index)]]

最基本的半选功能就完成了。怎么样?简单易懂对吧?我们还可以再升级一下。

二、进阶先决知识

你对中继器监听器了解多少?如果不明白监听器是什么东西,可以先阅读一下《Axure监听之中继器监听》这篇文章。最好能够清楚为什么要用监听器、什么时候用、以及怎么用。

!!!这个知识点是中继器进阶应用的基础,很多以往非常难以实现的交互通过监听器都可轻松实现。

而且,在上一篇《Axure任意方向鼠标拖拽框选》后,有很多朋友迷茫这个效果能做什么,今天的进阶教程就梦幻联动一下。

三、进阶教程

赶快添加到你的原型里秀BOSS一脸吧!

五、总结

半选中状态是复选框中一个比较特殊的状态,可以帮助用户更加清晰地理解当前选择的情况,提高用户体验。利用文本框就可以在Axure中轻松实现。

本文由 @Jorkin 原创发布于人人都是产品经理,未经许可,禁止转载

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
投喂流浪猫赔24万后续,再审开庭,猫状态让人想不到,新证据有了

投喂流浪猫赔24万后续,再审开庭,猫状态让人想不到,新证据有了

伊印
2024-06-06 12:35:44
加速男人衰老的10大习惯

加速男人衰老的10大习惯

米开朗基地
2024-06-05 22:03:01
章泽天的素颜就是个普通人,这回相信东哥是脸盲了。

章泽天的素颜就是个普通人,这回相信东哥是脸盲了。

知秋侃史
2024-05-07 04:22:09
最新任命!上海海洋大学领导班子调整:潘燕任党委副书记,李洪亮任党委副书记、纪委书记,罗轶任副校长!

最新任命!上海海洋大学领导班子调整:潘燕任党委副书记,李洪亮任党委副书记、纪委书记,罗轶任副校长!

海洋知圈
2024-06-06 22:48:18
蔡斌时代王云蕗首次落选中国女排参赛名单,或与三大原因有关

蔡斌时代王云蕗首次落选中国女排参赛名单,或与三大原因有关

尘语者
2024-06-06 17:54:22
网红餐厅老板突然跑路,留下6只企鹅!员工急了

网红餐厅老板突然跑路,留下6只企鹅!员工急了

极目新闻
2024-06-06 15:01:28
正式官宣!马刺引爆联盟,莱特做出抉择,文班最佳搭档恐浮出水面

正式官宣!马刺引爆联盟,莱特做出抉择,文班最佳搭档恐浮出水面

体育晓二
2024-06-06 23:57:07
台积电发飙,中企不配成为对手,而中企高管说搞不定5纳米

台积电发飙,中企不配成为对手,而中企高管说搞不定5纳米

柏铭锐谈
2024-06-06 11:39:21
乌军疑似发起哈尔科夫反击!装甲纵队全灭,俄军5月损失创新高

乌军疑似发起哈尔科夫反击!装甲纵队全灭,俄军5月损失创新高

鹰眼Defence
2024-06-02 17:21:56
国足主帅遭炮轰:距离下课还有45分钟!和李铁一样被钉上耻辱柱

国足主帅遭炮轰:距离下课还有45分钟!和李铁一样被钉上耻辱柱

念洲
2024-06-06 21:04:06
养了个“祖宗”!广东父亲怒为高三儿子办退学:就当19年做慈善了

养了个“祖宗”!广东父亲怒为高三儿子办退学:就当19年做慈善了

青栀伊人
2024-05-22 22:09:47
银行职员包养会所技师,大量不雅照被妻子曝光

银行职员包养会所技师,大量不雅照被妻子曝光

一个岛岛
2024-06-06 00:18:52
1972年陈毅逝世,追悼会上李德生宣布:江青同志有一个要求

1972年陈毅逝世,追悼会上李德生宣布:江青同志有一个要求

元哥说历史
2023-05-20 01:44:53
25万大军夜查电动车,查获30万辆车。何来脸面把这新闻当自豪?

25万大军夜查电动车,查获30万辆车。何来脸面把这新闻当自豪?

平祥生活日志
2024-06-02 22:11:21
健身女生真敢穿,丝袜与瑜伽裤的结合,你见过吗?如何选瑜伽裤?

健身女生真敢穿,丝袜与瑜伽裤的结合,你见过吗?如何选瑜伽裤?

白宸侃片
2024-05-10 10:10:35
乌克兰启动“对等攻击”,俄罗斯人的“恐惧地图”

乌克兰启动“对等攻击”,俄罗斯人的“恐惧地图”

深度知局
2024-06-05 17:45:02
"一夫一妻制违背人性,95%的人结婚后会生病,因为欲望没有满足"

"一夫一妻制违背人性,95%的人结婚后会生病,因为欲望没有满足"

百态人间
2024-06-01 11:22:48
女排3消息:曝蔡斌爱徒离队,朱婷香港替补反转,王宝泉意外报喜

女排3消息:曝蔡斌爱徒离队,朱婷香港替补反转,王宝泉意外报喜

热血排球通
2024-06-07 02:11:46
为什么说,情人关系,交往越久,连朋友都不如你知道吗

为什么说,情人关系,交往越久,连朋友都不如你知道吗

玄学情感
2024-06-06 10:33:42
德转预测皇马新赛季首发阵容:姆巴佩领衔锋线,总身价9.87亿欧

德转预测皇马新赛季首发阵容:姆巴佩领衔锋线,总身价9.87亿欧

懂球帝
2024-06-06 15:54:21
2024-06-07 04:40:49
廖华松爱唱歌
廖华松爱唱歌
爱跳舞爱唱歌爱交友
868文章数 59关注度
往期回顾 全部

科技要闻

马斯克创造人类历史,SpaceX星舰试飞成功

头条要闻

星舰第4次试射成功 马斯克祝贺:取得史诗般成就

头条要闻

星舰第4次试射成功 马斯克祝贺:取得史诗般成就

体育要闻

国足进球功臣捂脸沮丧 伊万表情凝重

娱乐要闻

看这场笑话,经过王一博同意了吗!

财经要闻

理想汽车"撤回"部分裁员 再下调销量目标

汽车要闻

2025年将推10款新车 长安启源7个月累销破10万

态度原创

房产
艺术
健康
教育
时尚

房产要闻

震撼!8800亩存量宅地清单曝光!未来的三亚楼市,太炸裂!

艺术要闻

穿越时空的艺术:《马可·波罗》AI沉浸影片探索人类文明

晚餐不吃or吃七分饱,哪种更减肥?

教育要闻

J人、努力型选手、悲观人格,但是上岸中央民族大学|新传考研经验帖

今年最流行的风格竟然是它?

无障碍浏览 进入关怀版