界面设置基础之复选框和单选按钮

本文详细解析单选按钮与复选框在界面设计中的适用场景、区别及误用情况,帮助理解何时选择单选,何时用复选,并避免常见误区。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

界面设置基础之复选框和单选按钮

在我们常用的开关按钮中复选框(CheckBox)和单选按钮(RadioButton)是我们经常会选择使用。

实现图片如下:

1.单选按钮

单选按钮是一种多选一的设置,当下面两个条件成立时,使用单选按钮最合适。

- 可选项是固定的,总可选项最好小于5个。

- 界面有足够的空间去显示所有选项。

单选按钮总是成组出现,一个单选按钮不是一个有效控件。

 

2.复选框

复选框可以表示单个开关设置,它可以成组出现,但是每个复选框之间互不影响,相互独立。

使用场景:

- 通常表示某个属性的开关

-表示某一类下不同属性的开关

如下,截取的Qt Creator的某个设置界面

3.两者容易混淆,错误使用场景

1.互斥的复选框

这中场景是把一组复选框绑定在一起,以致于这一组复选框中,每次只有一个复选框on,其他的都off。将复选框当单选按钮使用。

2.一个单选按钮

这种场景是之单选按钮只有一个在使用。即使把单选按钮当做复选框去使用。

3.菜单栏下的单选框和复选框外观一样。

这个本质上其实也是在菜单栏上混淆的单选框和互斥框。

总结

对于单选框和复选框,不管是在哪里使用,一定牢牢的把握住,单选框成组出现且互斥。复选框可以单个也可以成组出现,相互独立不干扰。

.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值