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

单选按钮用户体验设计

一、单选按钮名字由何而来 单选按钮命名源自于旧式汽车中收音机用来切换频道物理按键—当一个按钮被按下,其他就会被弹出,留下唯一按钮处于被选中状态。...现代软件中单选按钮正是仿照这些物理按钮。 二、单选按钮最佳实践 1、使用单选按钮仅用来设置 使用单选按钮更改设置,而不是作为操作按钮来执行命令。...同时,改变设置不应该在用户点击命令按钮(标记为“前进”或“保存”为例)前生效。如果用户点击返回或取消按钮,任何在单选按钮组所做更改都应该被丢弃而且回到初始状态。...例如,应该避免下图中出现很难理解第四个选项对应哪个按钮情况: 6、使用标签作为点击区域 单选按钮本身很小,按照菲兹法则,它们很难被点击或轻拍到。...单选按钮很容易使用纸上原型测试,所以你不需要实现任何产出来检测用户是否理解该设计并正确使用它。

6.1K100

Google Earth Engine (GEE) ——Earth Engine Explorer (EE Explorer)使用最全解析(8000字长文)

要添加其他数据集,请返回到数据目录并简单选择另一个数据集。您可以通过以下三种方式之一访问数据目录: 单击右上角按钮栏中数据目录按钮。 单击数据层列表右上角“+”按钮。...对于在数据名称后面带有“在工作区中打开”或在其描述页面中在工作区中打开按钮数据集,单击链接将其作为附加层添加到工作区数据列表中。新数据层将出现在数据列表和地图中当前数据层上方。...有关更改图层顺序信息,请参见下文。 重复数据集 您还可以将相同数据集添加两次,作为工作区中两个单独图层。这样做一个原因是查看同一数据集两个不同时间片,以查看随时间变化。...尝试添加新图层并通过对图层重新排序并使用可见性图标交替可见性来更改图层可见性。 删除图层 单击数据列表中数据层名称以显示层设置对话框。 单击垃圾箱按钮,该图层将从您数据列表和地图中删除。...请注意,您可以通过单击应用按钮来预览更改,这将更改地图以反映您更改,同时保持图层设置对话框打开并准备好进行调整。

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

Material Design — 菜单(Menus)

情景中的菜单应该根据app的当前状态动态更改其中的菜单选项。...左:应用栏中操作太多时将会设置一个菜单    右:包含五个选项菜单 菜单标签 按钮或控件标签应该简洁而准确反映菜单内项目(如下图)。...菜单栏通常使用单个单词作为标签,“文件”,“格式”和“编辑”。其他上下文可能需要更长标签。 禁用菜单选项 菜单显示一组一致菜单项。...·与当前情景无关菜单项可能会被删除 ·与情景相关但需要满足某些条件菜单项可能被禁用(置灰)。 例如,当选择文本后,“复制”这个菜单选项才变为可选择项。...菜单项还可包含: ·图标和提示文本(如下图中展示键盘快捷键); ·复选标记之类控件(已选择打勾),表明多个已选项目或状态。 菜单排序 带有静态内容菜单应该在菜单顶部放置最常用菜单项。

5.8K100

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

三态复选框一种常见使用场景是在软件安装时,一个单独三态复选框用来代表和控制整个安装选项组状态。并且,该组中每个选项都可以单独使用双态复选框开启或关闭。...Shift + F10 (可选): 打开链接上下文菜单。 WAI-ARIA 角色,状态和属性 包含链接文本或图形元素有 link 角色 。...+ Space: - (可选):当焦点在一个menuitemcheckbox时,更改状态而不关闭菜单。...在 Menu or Menu bar 中介绍了菜单元素所需附加角色,状态和属性。 单选按钮单选按钮组,是一个可选中按钮组合,被称为单选按钮,且在该组合中,只有一个按钮处于选中状态。...WAI-ARIA 角色,状态和属性 单选按钮被具有 radiogroup 角色元素包含或拥有。 每个单选按钮role值都为 radio 。

8.2K30

Matlab系列之GUI设计基础

如果为单选按钮或复选框指定 CData 属性,则图像可能与文本字符串重叠。另外,为单选按钮或复选框指定图像会禁用在选择或取消选择它们时显示功能。...: •如果为复选框、按钮单选按钮或切换按钮指定一个元胞数组,则 MATLAB 仅显示元胞数组中第一个元素。...当用户在其上点击并释放鼠标按钮时,状态发生变化。 'radiobutton' 可具有两种状态(选择和取消选择)按钮单选按钮在一组相关单选按钮中有意安排为互斥。 'edit' 可编辑文本字段。...'checkbox' 当选中复选框时,Value 属性更改为 Max 属性值。 'radiobutton' 当选择单选按钮时,Value 属性更改为 Max 属性值。...'checkbox' 当取消选中复选框时,Value 属性更改为 Min 属性值。 'radiobutton' 当取消选择单选按钮时,Value 属性更改为 Min 属性值。

5.8K10

iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

添加联系人按钮: 展示联系人列表 帮助用户将一个联系人添加到当前联系人按钮所在图中 使用添加联系人按钮让用户在不需要使用键盘情况下就可以方便访问到联系人。...详情展开按钮以一个单独视图展示特定项目的更多详情信息与功能。 当详情展开按钮在表格行中出现时,点击表格行其它区域不会激活此按钮,只会选中该行,或者触发app中其它自定义行为。...开关按钮: 显示了一个项存在二元状态 仅在表格视图中可用 在表格中使用开关按钮来让用户从某一项两个互斥状态中指定一个,比如是/否(Yes/No),开/关(On/Off)。...你可以使用开关按钮来控制视图中其它UI元素。根据用户选择,新列表项可能出现或者消失,或从激活状态变为不激活状态。 4.3.17 系统按钮 系统按钮执行app中定义行为。 ?...系统按钮: 默认状态下不含边界,也不含背景图 可以是图标或者文字标题 支持自定义样式,描边或者加背景图(想要自定义按钮外观,可以使用 UIButtonTypeCustom 类型按钮,并且提供背景图片

13.2K30

Flutte部件目录-Material Components 顶

一个显示在应用底部材质小部件,用于在少量视图中进行选择,通常介于3到5之间。 底部导航栏由文本标签,图标或两者多个项目组成,并放置在一块材料顶部。 它提供了应用程序顶级视图之间快速导航。...对于更大屏幕,侧面导航可能更适合。 底部导航栏通常与Scaffold结合使用,在Scaffold.bottomNavigationBar参数中提供它。 底部导航栏type会更改其条目的显示方式。...Radio 单选按钮允许用户从一组中选择一个选项。 如果您认为用户需要并排查看所有可用选项,请使用单选按钮进行排他选择。 ? Switch On/off开关切换单个设置选项状态。...对话框,弹出框和面板 SimpleDialog 简单对话框可以提供有关列表项其他详细信息或操作。 例如,他们可以显示头像图标,以阐明潜台词或正交行为(添加帐户)。 ?...ExpansionPanel 扩展面板包含创建流并允许轻量级编辑元素。 ExpansionPanel小部件实现了这个组件。 ? SnackBar 带有可选操作轻量级消息,简要显示在屏幕底部。

9.4K40

AWT常用组件

通常,一个按钮对应着一种特定操作,确定、保存、取消等,从而用户可以用鼠标单击它来控制程序运行流程。AWTButton 类实例化按钮对象,该类构造方法进行了两次重载。...复选框(Checkbox) 复选框是一种输入信息组件,拥有“状态特性,通过鼠标单击复选框操作可以将其状态从“true”更改为“false”,或从“false” 更改为“true”。...单选按钮实现(结合使用CheckboxGroup类) 单选按钮是一种输入信息组件,拥有“状态特性,通过鼠标单击单选按钮操作可以将其状态从“true” 更改为“false”,或从“false”...作为同一组多个单选按钮组件是互斥,即每一时刻只能有一个组件状态为“true”,从而实现单项选择。 在AWT中,单选按钮对象创建也是通过 Checkbox类实例化。...参数 group 是类 CheckboxGroup 对象,同一组单选按钮,必须保证 group 参数相同。

7010

python--GUI编程--Tkinter

Tk8.0 后续版本可以实现本地窗口风格,并良好运行在绝大多数平台中 Tkinter 编程Tkinter 是 Python 标准 GUI 库。...Menu 菜单控件;显示菜单栏,下拉菜单和弹出菜单 Message 消息控件;用来显示多行文本,与label比较类似 Radiobutton 单选按钮控件;显示一个单选按钮状态 Scale 范围控件;...显示一个数值刻度,为输出限定范围数字区间 Scrollbar 滚动条控件,当内容超过可视化区域时使用,列表框。....Text 文本控件;用于显示多行文本 Toplevel 容器控件;用来提供一个单独对话框,和Frame比较类似 Spinbox 输入控件;与Entry类似,但是可以指定输入范围值 PanedWindow...标准属性 标准属性也就是所有控件共同属性,大小,字体和颜色等等。

3.7K30

何在 Ubuntu 18.04 上安装和配置 Squid 代理

Squid 是一个功能齐全缓存代理,支持流行网络协议, HTTP , HTTPS , FTP 等。...在右上角,点击汉堡包图标☰打开 Firefox 菜单: 单击⚙ 首选项 链接。 向下滚动到该 网络设置 部分,然后单击 设置... 按钮。 将打开一个新窗口。 选择 手动代理配置 单选按钮。...要恢复默认设置,请转到 Network Settings ,选择 Use system proxy settings 单选按钮并保存设置。...您可以使用插件( SwitchyOmega) 或从命令行启动 Chrome 网络浏览器,而不是更改操作系统代理设置。...浏览器中显示 IP 应该是服务器 IP 地址。 结论 您已经学习了如何在 Ubuntu 18.04 上安装 squid 并配置浏览器以使用它。 Squid 是最受欢迎代理缓存服务器之一。

2.9K20

SAP应用界面开发-工具栏对象GUI Status与GUI Title

单击上图中GUI Status菜单即可以弹出Create Status对话框,所定义属性包括程序名称及工具栏名称、基本描述及状态类型。如下图: ?   填写完整相关属性,单击 ?...按钮进入GUI Status参数设置界面,如下图: ?   GUI Status参数设置共包括3个部分:   1.菜单栏(Menu Bar):用于设置主菜单选项。   ...3.功能键(Function Key):为按钮分配功能键代码,包括系统标题按钮(返回、退出、关闭等)及通过Application ToolBar所定义客制化按钮。   ...下面介绍如何在程序中创建一个工具栏按钮,并为其分配Function Key。   1.选择Application ToolBar中一个文本框,并输入自定义名称,如下图: ?   ...由于工具栏是自定义,原系统标准功能按钮(:SAVE、BACK、CANCEL、EXIT等)都需要重新设定,维护Standard ToolBar页面中各按钮字段Function Key值。

4.5K20

Excel 实例:单因素方差分析ANOVA统计分析

图3 –样本输入范围 在这种情况下,将范围B2:E9插入 (图2对话框)“  输入范围”字段中,然后选择“  列”  单选按钮。...如果按行而不是按列列出处理数据,则可以选择“  行”  单选按钮,还可以选择“ 第一列中  标签”  复选框。...  阿尔法  值(在所描述  零和替代测试)被设定为0.05,通过默认,虽然可以可选更改为0.01或某个其它值。...现在,您可以 从“ 输出”  选项中选择“  新建工作表层”单选按钮  (并将数据字段保留为空白)。...或者,您可以选择“  输出范围”  或“  新工作簿”  单选按钮,以将报告置于您选择某个特定输出范围或新工作簿中。

5.8K00

Android widget之CompoundButton

大家好,又见面了,我是你们朋友全栈君。 简介 具有两个状态按钮,已选中或未选中。当按下或点击按钮时,状态会自动更改。...checked) — 更改这个按钮状态 setOnCheckedChangeListener(CompoundButton.OnCheckedChangeListener listener) 当这个按钮检查状态发生变化时...,注册一个回调 toggle() — 将视图状态更改为当前状态逆(反向) 子类 CheckBox 复选框:可以选中或取消选中特定类型状态按钮。...RadioButton 单选按钮:是可以选中或取消选中状态按钮。当单选按钮被取消选中时,用户可以单击来选中它。 注:单选按钮通常与RadioGroup在一起使用。...当多个单选按钮在RadioGroup内时,检查一个单选按钮将取消选中所有其他单选按钮。 <?xml version="1.0" encoding="utf-8"?

2.2K20

FL Studio21最新中文版本全新功能详细介绍

按照惯例,本次新版也会增加全新插件,来帮助大家更好创作。今天先给大家分享一下,介绍全部功能讲解,后续会有专门解说功能视频发布。...·翻转铅笔按钮-将笔辅助按钮行为与主按钮交换。·备用撤消-安装在新计算机上时,默认立即打开。导出(Export)-打开目标文件夹时,在系统文件浏览器中自动选择渲染文件。...GUI-当主动添加链接时(点击开始处理),“添加目标链接”(+) 按钮跳动。将自动化包络通道包络线网格划分更改为4。...“类型以筛选”菜单选项,用于确定是否键入字母筛选或选择项目。在具有多列图中搜索时选择第一个文件夹。搜索结果显示具有匹配名称文件夹。...“冻结”时,浏览器停止保存状态(文件夹是否折叠)。“折叠结构”按钮起到“恢复为冻结状态作用。07钢琴卷视图(View)-在更换音符时自动滚动钢琴窗。

3.7K20

最新版水果FL Studio21新版本更新全解析!80项更新与改进!

按照惯例,本次新版也会增加全新插件,来帮助大家更好创作。今天先给大家分享一下,介绍全部功能讲解,后续会有专门解说功能视频发布。...·翻转铅笔按钮-将笔辅助按钮行为与主按钮交换。·备用撤消-安装在新计算机上时,默认立即打开。导出(Export)-打开目标文件夹时,在系统文件浏览器中自动选择渲染文件。...GUI-当主动添加链接时(点击开始处理),“添加目标链接”(+) 按钮跳动。将自动化包络通道包络线网格划分更改为4。...“类型以筛选”菜单选项,用于确定是否键入字母筛选或选择项目。在具有多列图中搜索时选择第一个文件夹。搜索结果显示具有匹配名称文件夹。...“冻结”时,浏览器停止保存状态(文件夹是否折叠)。“折叠结构”按钮起到“恢复为冻结状态作用。07钢琴卷视图(View)-在更换音符时自动滚动钢琴窗。

3.3K30

Xamarin.Form 5.0: 新功能和控件以及调试改进

第一个示例与新版本 XAML 热重新加载有关,允许开发人员快速修改和预览其更改。...其中一些已经在去年预览: 画笔:使用纯色、线性渐变和径向渐变来着色应用程序 UI 颜色区域; 形状:绘制形状,椭圆、线、面、折线和矩形; 路径:绘制自定义形状或设计。...例如,下图中单选按钮; 旋转木马视图:与可视化项目(PeakAreaInsets 可视化状态管理)相关新改进,该更改预览上一项或下一项一部分,并建议用户滚动方向。...此外,引入EmptyView ,以显示绑定数据不可用时替代内容; 轻扫视图:在任何控件上添加上下文菜单按钮; 拖放手势:UI 项目可以拖放到屏幕任何区域。...它在移动应用程序内外都有效,特别是当它有一个双屏幕, Surface Duo 时。 ?

3.2K20

Android自定义控件

单选按钮不再隶属于一个父控件,它们各自独立,可以在布局文件中任意排列,图中 Activity 布局文件如下(伪码): <androidx.constraintlayout.widget.ConstraintLayout...,本例中它是一个“上面是图片,下面是文字”单选按钮。...isSelect); } 将选中按钮状态变化效果抽象成一个算法,延迟到子类实现: public class AgeSelector extends Selector { // 单选按钮选中背景...SelectorGroup还预定了两种选中模式:单选和多选。 单选可以理解为:点击按钮时,选中当前并取消选中之前。 多选可以理解为:点击按钮时无条件反转当前选中状态。...动态绑定数据 项目中一个按钮通常对应于一个“数据”,比如下图这种场景: image 图中分组数据和按钮数据都由服务器返回。

5.9K00

FL Studio21下载MacOS版简体中文支持苹果M1处理器

反转铅笔按钮 - 将笔辅助按钮行为与主按钮交换。备用撤消 - 在新计算机上安装时默认启用。导出 - 打开目标文件夹时,会在系统文件浏览器中自动选择渲染文件。...将自动化剪辑通道包络网格划分更改为 4通道机架:通道按钮(右键单击)- 新“修补”选项,用于将当前实例转换为修补格式。通道机架 - 现在,将通道移动到可见垂直范围之外时会滚动。...搜索字段中文件夹图标,用于将找到项目限制为仅当前文件夹。“键入以过滤”菜单选项,用于决定键入字母是过滤还是选择项目。在具有多列图中搜索时选择第一个文件夹。搜索结果显示具有匹配名称文件夹。...当“冻结”时,浏览器停止保存状态(哪些文件夹已折叠或不折叠)。“折叠结构”按钮充当“恢复到冻结状态”。钢琴卷:视图 - 在转调音符时自动滚动钢琴卷轴。...表面选项卡 - 添加了“表面”选项卡,以便更轻松自定义预设。图像 - 添加了导出为 APNG 图像格式功能。.jpeg扩展名现在是保存位图时默认扩展名。

4K20

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

·在用户与单选按钮交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中和禁用)。...最佳用法 ·复选框用于表示状态标记,不会直接导致命令触发,需要最终和命令按钮提交、确定等)操作配合,若是直接触发请改用切换开关(切换开关并非绝对情况下都是直接触发命令操作);若复选选项过多时,且有限屏幕空间下...·在用户与复选框交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中、禁用和未全选状态)。 讨论:仅有两个互斥选项(二元)是选择单选按钮还是复选框?...三、Icon button 图标按钮 图标按钮可以说是结合了单选按钮、复选框及命令控件变形形式,性质上存在互斥(单选)和非互斥(多选)。...·在用户与切换开关交互时,请提供良好视觉反馈,且切换开关本身状态提供良好能供性(关闭、开启、禁用)。 讨论:切换开关在用户更改后立即触发命令执行? 此说法并非绝对。

9.6K21
领券