首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

后台系统设计(上篇:选择

常见类型: ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一相互排斥的选项中选择一个。通常,将一个选项定义为默认选择。 外观 常规: ?...单个选项下,存在多组互斥选项,且互斥选项之间存在一定关系,可以考虑混用分段控件和常规按钮,由于分段控件视觉上占用更大的面积,故给人在层级上更加置前。 ?...二、复选框 允许用户从非互斥的选项选择任意数量的选项(零个、一个多个) 单个使用时,复选框提供了两个互斥(二元)的操作选项。 外观 常规: ? ? 全选操作(未全选状态): ?...·如果只有一个复选框可以根据表单格式选择使用标签、文本或组合;如果有多个复选框,标签将描述整个复选框,而文本则是表述各自的选项。 ?...复选框和单选按钮之间的主要差别是: 单选按钮给人更加直接的示意,例如开启关闭,而复选表达一面信息,因此它的反面信息并不是非常直观,甚至对于某些用户而言,并不清楚勾选和不勾选所表达的含义。

9.6K21
您找到你想要的搜索结果了吗?
是的
没有找到

VBA表单控件(三)

加入了多个单选框后,它们实际组成一,点击单选框前的圆形选择框,可以发现只能选择其中一个。 具体使用时,单选框控件上右键,选择设置控件格式--控制--单元格链接--选择显示结果的单元格。...同样右键选择设置控件格式,也可以选择属性,来控制控件的位置和大小。也可以编辑文字。单选框也可以指定宏,并不常用可以可以根据需求使用。...下面工作表插入四个单选框,设置控件格式,将单元格链接设置为A4单元格。四个单选框为一选择不同的单选框,A4单元格显示的值不同。 下面插入分组框,将选项按钮1和2框起来作为一。...下面通过简单示例介绍下复选框控件。如下面示例所示插入三个复选框。 Excel会为三个复选框依次命名,每个复选框是否选中都是相互独立的。 为每个复选框设置单元格链接,事例设置为每个复选框前面的单元格。...设置完成后,复选框选中链接单元格中会显示TRUE(对应数值1),而如果不选中显示FASLE(对应数值0)。 后面可以利用返回值结合函数和图标等扩展使用。

4.5K20

单选按钮的用户体验设计

单选按钮是表单系统的一个基本元素。它们被使用在当存在互斥的两个或多个选项列表而用户必须选择其中一个时。换句话说,点选某个尚未选中的单选按钮,之前的选择就会恢复成未选中。...虽然上下文帮助说明可以减少后者的问题,让用户测试任何重要的交互控制仍然是最好的选择。 4、通常给一个默认选项 UI设计的十原则之一告诉我们用户应该能够取消或重做他们的行为。...好的水平排布的单选按钮案例可以Duolingo app中看到:它们使用一经典的横向按钮,视觉上凸显出目标区域并且对于触摸设备来说足够大。...二、复选框一个更好的选择吗? 如果只有两个选项,你应该使用单独一个复选框取而代之。然而,复选框适合真对一个选项是开启还是关闭,单选按钮则可以被用到完全不同的选项。...如果复选框无法完全清晰的表明意义,使用单选按钮。例子,选项是对立的因此使用单选按钮是更好的方案。 设置向导。你应该在向导页面上使用单选按钮使选项明确,即使一个复选框也是可以接受的。

6.1K100

【译】W3C WAI-ARIA最佳实践 -- 表单

三态复选框的一种常见使用场景是软件安装时,一个单独的三态复选框用来代表和控制整个安装选项的状态。并且,该的每个选项都可以单独使用双态复选框开启或关闭。...如果该的所有选项都被选中,该三态复选框呈现的整体状态为选中。 如果该的部分选项被选中,该三态复选框呈现的整体状态为部分选中(partially checked)。...如果该没有选项被选中,该三态复选框呈现的整体状态为未选中。 用户仅使用一个操作,就可以改变三态复选框中所有选项的状态: 选中整体复选框可以选中的所有选项。...取消选中整体复选框可以取消选中的所有选项。 并且,某些实现,系统可能会记住上次选中的选项,整体状态为部分选中。如果提供了此功能,第三次激活整体复选框会恢复选项中部分被选中的状态。...某些浏览器,如果没有选中任何一个单选按钮,使用 Shift+ Tab 将焦点移动到单选按钮,焦点将会被放置最后一个单选按钮,而不是第一个单选按钮。

8.2K30

Python 图形化界面基础篇:添加复选框( Checkbutton )到 Tkinter 窗口

复选框是一种常见的 GUI 元素,用于让用户选择一个多个选项。无论是用于设置应用程序的首选项、过滤数据还是进行多项选择复选框都是非常有用的。...Tkinter 的复选框是一种用于选择一个多个选项的 GUI 元素。每个复选框通常表示一个选项,用户可以通过勾选或取消勾选复选框选择或取消选择相应的选项。...复选框通常用于提供二进制选择,例如启用/禁用某些功能或选择多个项目。 让我们开始学习如何在 Tkinter 窗口中添加复选框。...(root, text="选择我", variable=checkbox_var) 在上面的示例,我们创建了一个 IntVar 类型的变量 checkbox_var ,用于存储复选框的值( 1 表示选中...通过创建和自定义复选框,你可以为你的应用程序增加更多的交互性和功能。接下来的教程,我们将继续学习如何添加其他 GUI 元素,处理不同类型的事件,并构建更丰富和功能强大的图形用户界面应用程序。

70050

Qt Style Sheet实践(三):QCheckBox和QRadioButton

单选按钮只允许用户选项中选择一个,且当其中一个选中的时候,按钮的其他单选按钮自动取消。复选框可以让用户同时选中多个选项,这在多项选择的情况下非常有用。...这篇博文主要讲述Qt单选按钮和复选框如何通过样式表进行外观定制。 基本实现       单选按钮(QRadioButton)的基本特征是互斥。当一个按钮选中,系统自动取消其他按钮的选中状态。...QButtonGroup是一个容器组件,Qt Designer我们找不到这个组件,因为它是不可见的,仅仅是在后台工作的无名英雄。...当然,图片还可以换成方形的。不过传统设计单选按钮都设计成了原型,这里的图片来自金山卫士。相比于复选框(QCheckBox),单选按钮少了一个状态:indeterminate。...其中,Ruby复选框被设置成了禁用,而python复选框设置为了indeterminate状态。外观上并没有太大的变化。如果要改变复选框的文本样式,也可以和上面QRadioButton一样设置。

9K60

SPSS实战:单因素方差分析(ANOVA)

选中“多项式”复选框“等级”下拉列表框就会被激活,然后就可以对趋势分析指定多项式的形式,如“线性”“二次项”“立方”“四次项”“五次项”。...列表框的第一个系数与因子变量的最低值相对应,而最后一个系数与最高值相对应。 本题中,选中“多项式”复选框,并将“等级”设为了“线性”。...,选项中含有4个复选框:塔姆黑尼T2,选中复选框,表示输出基于t检验的保守成对比较结果。...“缺失值” 选项: 该选项主要用于当检验多个变量,有一个多个变量的数据缺失时,可以指定检验剔除哪些个案,有两种方法: ①按具体分析排除个案:表示给定分析的因变量或因子变量有缺失值的个案不用于该分析...“平均值图” 复选框: 该复选框用于绘制每组的因变量平均值分布图,组别是根据因子变量控制的。 本题中,选择了“方差齐性检验”和“平均值图”。

8.6K30

从0开始编写一个开关组件

甚至还有一个专门用于开关按钮的Codepen集合。 虽然我认识到其中大部分都是有趣的实验,经验告诉我,某些地方的开发人员会将其中一个实验复制到一个真正面向用户的项目中。...一如果CSS文件不加载,按照我“从0开始编写自定义单选按钮和复选框”一文的方法,你也可以得到一个可以运行的持续增强的复选框。...本例,只需将拇指指甲形状移动到中间并选择一个中性的背景颜色即可。因为我们已经为禁用的复选框处理了颜色,所以我们不需要为禁用的不确定情况做任何特殊的事情。 ?...实现这一点是一个选择好的颜色与良好的对比度的问题。我的示例,我将表单重置为接近黑色(#101010),文本重置为白色。...你可以看到针对禁用状态和不确定状态的其他一些调整,以及我获得焦点/悬停上使用的SVG。 ? ? 将Wifi复选框选中并在暗黑模式下运行时,Firefox67(开发者版本)中所看到的开关。

2.4K20

C++ Qt开发:CheckBox多选框组件

Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,Qt我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍CheckBox...与之前文章的RadioButton组件不同,CheckBox组件支持多项选择以及三态支持,即可以选中、未选中或半选中的状态。...setCheckable(bool checkable) 设置复选框是否可以选中,true 表示可以选中,false 表示不能选中。...,通过半选框右键选中stateChanged(int)点击确定跳转到选择框的事件来,事件int state参数代表选择框传回的状态码,通过判断状态码Qt::Checked代表选中、Qt::...,如下图; 接着来说说如何实现清除选择框的状态,当用户点击清除状态时,首先我们要做的就是调用isChecked()来检查每一个选择框是否被选中如果是通过setChecked()将属性设置为false

30710

CheckBox和RadioButton使用大全

一、CheckBox CheckBox(复选框)是Android复选框,主要有两种状态:选中和未选中。...二、RadioButton RadioButton(单选按钮)Android开发应用的非常广泛,比如一些选择项的时候,会用到单选按钮。它是一种单个圆形单选框双状态的按钮,可以选择或不选择。...RadioButton没有被选中时,用户能够按下或点击来选中它。但是,与复选框相反,用户一旦选中就不能够取消选中。当用户选中的时候会触发一个OnCheckedChange事件。...没有RadioGroup的情况下,RadioButton可以全部都选中;当多个RadioButton被RadioGroup包含的情况下,RadioButton只可以选择一个。...为了监听单选按钮选中事件,Java代码为其添加选择事件监听器,具体代码如下: public class MainActivity extends AppCompatActivity {

3.8K100

动态图表10|可选折线图(复选框

步骤: 复选框制作; 使用if+or逻辑判断函数返回动态数据 使用动态数据制作多维折线图。 复选框制作: 开发工具插入复选框(复制四个,一共需要五个)。 ?...,当你任意选择后四个复选框一个或者多个时,对应的年份数据会出现。...另一个需要注意的点是:OR内的引用方式:or($A$17,B$17),A17单元格使用全局引用(绝对引用),所以函数填充过程,它的引用位置一直保持不变,而B17单元格使用的半绝对引用,即对列相对引用...所以只要复选框(全部)被选中,也就是A17为真,全部的B11:E16单元格区域都返回B2:B7的数值,如果复选框(全部)未被选中,则要看OR的第二个参数,也就是剩余的四个复选框(2012,2013、...图表插入并完善之后,你就可以随心所欲的使用复选框选择功能来控制需要在图表展示的年度数据了! ?

2.2K40

微信小程序|复选框

问题描述 1 什么是复选框 复选框是一种可同时选中多项的基础控件,也是基于计算机语言的编程代码框架,它的作用是用鼠标点击进行操作,来完成选中多个目标。复选框,用方框表示。...“复”表示两个或两个以上,“复选”表示可以选择两个或两个以上多个选项。复选框同单选框不同,单选框是圆的,只能选一个选项,不能选两个或两个以上多个选项。如下就是典型的复选框样式: ?...2 相关属性 checkbox-group 多项选择,内部由多个checkbox组成,是制作复选框的重要组件。其常用属性如下: ?...3 制作复选框的过程 再了解上述相关属性之后,我们就可以进行复选框的编写。根据相关属性设置颜色,选中样式等。...checkbox我们采用for循环遍历的方式,显示各个选项。

1.8K10

【愚公系列】2023年11月 Winform控件专题 CheckedListBox控件详解

例如,如果您单击未选中的项,则会将其选中;而如果您单击选中的项,则会将其取消选中。另外,如果鼠标指针项上滞留超过短暂时间,该项将显示为选中状态。...具体的使用场景包括:产品特性选择可以使用CheckedListBox来让用户软件或网站上选择某些特性或功能。例如,一个视频编辑软件可以让用户勾选某些选项以启用特定的编辑功能。...多项选择:如果你需要让用户多个选项之间进行选择可以使用CheckedListBox来显示这些选项,并让用户对其中的多个选项进行选择。例如,一个选项卡控件可以让用户选择一个多个标签页。...文件选择某些情况下,需要让用户选择一个多个文件,并将它们添加到特定的集合。CheckedListBox可以用于此目的。例如,一个文档编辑器可以让用户选择要打开的文件,然后将它们添加到编辑器。...3.具体案例一个CheckBoxList控件是一个Winforms控件,它允许用户从多个选项中进行选择。每个选择都由一个复选框和相应的文本标签组成。用户可以单击复选框选中或取消选中一个项。

69411

Vue 创建自定义输入

复选框 复选框有点难以谈论,因为它们有两种不同的行为,这取决于是否只有一个具有给定v-model或多个复选框。 如果您使用单个复选框 v-model 会将其视为布尔值,并忽略该 value 。...1':'0'"> 单一复选框的情况差不多就是这样。如果有多个复选框共享一个模型,那么这些复选框将填充一个数组,其值为所有勾选了的复选框一定要确保传入的模型是数组类型,否则会产生一些奇怪的行为。...当该复选框的值包含在数组时, shouldBeChecked 为true ,否则为 false。updateVals将复选框选中的值添加到数组,并且取消选中时删除它。...还可以通过添加WAI-ARIA属性 ,以及使用slots 添加内容,而不是像上面 label 里的 props。 由于本示例没有包含 name,可以认为一单选框之间将不会实际上彼此同步。...)和多个复选框将所有检查的值合并到一个数组

6.3K20

【Java 进阶篇】JavaScript 表格全选案例详解

在网页开发,表格(Table)是一种常用的HTML元素,用于以表格形式展示数据。对于包含大量数据的表格,提供一个全选复选框可以极大地提高用户体验,方便用户一次性选择或取消选择所有项目。...JavaScript 代码 接下来,我们将添加JavaScript代码,以便使全选复选框能够选择或取消选择所有项目,同时根据所选项目更新全选复选框的状态。...如果是的话,我们将全选复选框的状态设为选中,否则设为未选中。 效果演示 浏览器打开上述HTML文件,您会看到一个包含表格和全选复选框的页面。...点击全选复选框,所有的单个选择复选框都会被选中;取消全选复选框,所有的单个选择复选框都会取消选中。...这个示例展示了如何使用JavaScript轻松实现表格的全选功能,提高了用户体验,特别是处理大批量数据时。这种方法可以应用于各种Web应用程序,包括管理系统、电子商务平台等。

22220

SAP最佳业务实践:MM–不交货与库存调拨(135)-2业务处理

初始屏幕,保证屏幕左上角的第一个字段显示 转移过帐,第二个字段显示 其它。右上角的字段,输入移动类型 301,然后选择 回车。 2.... 数量 标签页的 以输入单位计的数字段,输入要调拨的数量。 ? 7. 选中 项目确定 复选框。 8. 如果将物料序列化:序列号标签页,输入序列号。若序列号未知,选择 查找 进行搜索。...若物料批次处理: 批次 标签页上,输入外部批次编号。 10. 选择 过帐。 为了冲销过帐,使用冲销移动类型 302来重复步骤。也可以运行事务 MBST 取消物料凭证。...选中 项目确定 复选框。 ? 8. 表头选择 检查 ,系统显示 凭证是OK 信息。 9. 选择 过帐。 过帐库存转储的物料。 ?...选择 回车。 若存在多行,选择 关闭详细数据 查看所有行。 3. 可选:选中 通过输出控制打印 复选框,打印发货单。选中个别单据复选框。 4.

2.6K40
领券