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

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

二、复选框 允许用户从非互斥的选项中,选择任意数量的选项(零个、一个或多个) 单个使用时,复选框提供了两个互斥(二元)的操作选项。 外观 常规: ? ? 全选操作(未全选状态): ?...习惯用法是遵循互联网产品中的一些默认处理方式,例如,注册中的同意条款就是使用复选框。...·列表提供全选和多选操作,以便用户能够在列表间移动大量选项。 ·实时显示当前被选中列表/ 「源」 列表的数量比及 「目的」 列表的数量。 ·若列表框内容大于视窗高度,列表框的高度为:N列表+½列表。...如果需要指出所有项目都适用,例如,作为列表过滤器,请将「全部」 作为选项,并将其放置在列表的开头。 ? ·若下拉列表内容大于视窗高度,下拉列表的高度为:N列表+½列表。 ?...颜色下拉控件应该有允许用户输入的地方,这样用户就可以更加方便直观的输入品牌色或其他需求;对于自定义设置,可提供一部分色卡,这样对于不知如何下手、不知如何搭配颜色的人而言,提供了简单的选择。 ?

9.8K21

【译】W3C WAI-ARIA最佳实践 -- 控件

手风琴面板: 与手风琴标题相关联的内容 在某些手风琴中,总会有其他元素与手风琴标题视觉临近。例如,每个手风琴标题都伴随一个菜单按钮来提供每个模块的访问操作。...然而,但传统对话框的实现中,aria-hidden被用来让对话框外的内容变得让辅助技术用户不可访问,更重要的是: 在每个包含无效内容的元素上都将 aria-hidden 设置为 true。...允许选择一个选项的列表框是一个单选列表框;允许选择多个选项的列表框是一个多选列表框。 当屏幕阅读器呈现一个列表框,可能会渲染出其名称、状态和每个选项在列表中的位置。...但是,在多选择树(multi-select trees)中,允许用户一次性选择多个项目,其选择状态与焦点无关。...例如,在一个典型文件系统导航器中,用户可以一次性地移动焦点来选择任意数量的文件,例如复制或移动。为已选定和具有焦点的项目提供视觉上的设计区分,这非常重要。

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

    C++ Qt 开发:ListWidget列表框组件

    QListWidget 是 Qt 中的一个列表框组件,用于显示一列项目,并允许用户进行选择。每个项目可以包含一个图标和文本,可以使用 QListWidgetItem 类来表示。...该槽函数的作用是将列表框中的所有项的状态设置为可编辑,这样用户可以在运行时修改这些项的文本内容。...设置为选中状态: 使用 setCheckState 方法将每个项的状态设置为选中状态,即勾选复选框。 该槽函数的作用是实现一个全选按钮,方便用户一次性选中所有列表框中的项。...设置为非选中状态: 使用 setCheckState 方法将每个项的状态设置为非选中状态,即取消勾选复选框。 该槽函数的作用是实现一个全不选按钮,方便用户一次性取消选中列表框中的所有项。...MainWindow主窗体增加右键菜单,本节我们将给ListWidget增加右键菜单,当用户在ListWidget组件中的任意一个子项下右键,则让其弹出这个菜单,并根据选择提供不同的功能。

    1.8K11

    示例工作簿分享:筛选数据

    图1 工作表Sheet2中列出了数据中的唯一值,如下图2所示,可以根据工作表Sheet1数据添加而更新。 图2 创建了一个用户窗体,用来进行数据筛选,如下图3所示。...图3 这个示例工作簿有以下功能: 1.按F3会运行更新代码更新工作表Sheet2中的唯一项,并以红色标注出新添加的项。 2.按F4键将调出图3所示的用户窗体。...3.在用户窗体中: (1)左侧列表框列出了工作表Sheet2中的所有唯一项。 (2)在搜索框中输入内容时,会随着输入自动缩减左侧列表框中的内容。...(5)选择右侧列表框中的项目,单击“移除”按钮,该项目会自动移至左侧列表框。 (6)单击“筛选重置”按钮会重置列表框数据和工作表筛选。...(8)“选择类型”中,选中“选择多项”,则可以在列表框中选择多个项目;选中“选项一项或者按下Shift或Ctrl键选择多项”,则只能选择列表框中的一个项目,要选择多个项目,要按下Shift键或者Ctrl

    16110

    软件测试|软件测试|超好用超简单的Python GUI库——tkinter(八)

    前言我们在日常使用各种桌面软件时,当我们想要搜索一个内容时,都会出现一个列表框,供我们选择,如下图:图片Tkinter提供了列表框(Listbox)控件来实现类似的功能。...Listbox控件列表框,即 Listbox。在使用 Tkinter 进行 GUI 编程的过程中,如果需要用户自己进行选择时就可以使用列表框控件。...列表框中的选项可以是多个条目,也可以是单个唯一条目,但常用于多个条目。....指向一个 StringVar 类型的变量,该变量存放 Listbox 中所有的项目 2.在 StringVar 类型的变量中,用空格分隔每个项目,例如 var.set("c c++ java python...指定该组件是否接受输入焦点(用户可以通过 tab 键将焦点转移上来),默认值是 Truexscrollcommand为 Listbox 组件添加一条水平滚动条,将此选项与 Scrollbar 组件相关联即可

    2K10

    C#学习笔记—— 常用控件说明及其属性、事件

    该控件常用于为其他控件提供可 识别的分组,其典型的用法之一就是给RadioButton控件分组。可以通过分组框的Text属性为分组框中的控件向用户提供提示信息,如图 9-14 所示。...8、RadioButton控件 RadioButton又称单选按钮,其在工具箱中的图标为 ,单选按钮通常成组出现,用于提供两个或多个互斥选项,即在一组单选钮中只能选择一个,如图9-14所示。...列表类控件 10、ListBox 控件 ListBox 控件又称列表框,它在工具箱中的图标为,它显示一个项目列表供用户选择。在列表框中,用户一次可以选择一项,也可以选择多项。...11、ComboBox 控件 ComboBox 控件又称组合框,在工具箱中的图标为。默认情况下,组合框分两个部分显示:顶部是一个允许输入文本的文本框,下面的列表框则显示列表项。...(2)  在该对话框的【模板】下面的列表框中        选中【Windows 窗体】图标,在【名称】文本框中输入窗体名,然后单击【打开】按钮,即为应用程序添加了一个窗体。

    9.9K20

    操作系统基础知识操作系统的主要特性:分类可以通过命令接口和程序接口方式把它的服务和功能提供给用户程序在执行前已经实现地址转换的方法是静态重定位,执行中为动态重定位.实现角度看,线程分为用用户空间的用户

    操作系统的主要特性: 并发,共享,异步,虚拟性 分类 批处理系统 用户将一批作业提交给操作系统后就不再干预,由操作系统控制它们自动运行 批处理操作系统的特点是:多道和成批处理。...分时 实时 可以通过命令接口和程序接口方式把它的服务和功能提供给用户 程序在执行前已经实现地址转换的方法是静态重定位,执行中为动态重定位....实现角度看,线程分为用用户空间的用户线程和核心空间的内核线程 死锁的必要条件 互斥条件,占有和等待条件,不可抢占,请求保持循环等待 进程控制原语 阻塞原语,唤醒原语 低级调度算法 先来先服务,OPT,LRU...操作系统I/O软件层组织 中断处理程序,设备驱动程序,设备独立性软件,用户层软件 文件目录控制块FCB不可缺少 文件名,物理空间地址

    1.1K70

    【tkinter系列 第八课 Listbox窗口部件 】

    前言 python中通常我们写程序,显示结果和操作都是在终端区,如果要想实现一个有显示界面的程序那该怎样实现呢?...本节课将要学习Listbox窗口部件,Listbox是列表框的意思,那什么时候该用Listbox部件呢?列表框用于从一组文本项中进行选择。根据列表框的配置方式,用户可以从列表中选择一个或多个项。...selectmode 选项提供了四种不同的选择模式。...它们是 SINGLE (只有一个选项)、 BROWSE (相同,但是可以用鼠标移动选项)、 MULTIPLE (可以选择多个项目,一次点击一个)或 EXTENDED (可以选择多个范围的项目,使用 Shift...使用 MULTIPLE 来获得“检查表”行为,当用户通常只选择一个项目,但有时希望选择一个或多个项目范围时使用 EXTENDED。

    2K20

    CListBox

    列表框显示项的列表,如用户可以见到和选择的文件名称。在单选列表框里,用户只可选择一个项。在多选列表框里,可选择许多项。当用户选择某项时,其高亮显示且列表框给父窗口发送一个通知消息。   ...如果要处理由列表框发送到其父亲(通常为从CDialog派生的类)的Windows通知消息,为每个消息添加消息映射入口和消息处理成员函数到父类。   ...ON_LBN_KILLFOCUS 列表框正失去输入焦点。  ON_LBN_SELCANCEL 当前列表框选择被取消。此消息只有在列表框是LBS_NOTIFY风格时才发送。 ...无论何时用户按下箭头键,即使选择未改变,LBN_SELCHANGE通知消息都被发送给多选列表框。  ON_LBN_SETFOCUS 列表框正在接收输入焦点。 ...DeleteItem 当用户从自绘制列表框中删除某项时,被框架调用  VKeyToItem 覆盖以提供LBS_WANTKEYBOARDINPUT风格列表框的设置所需的定制WM_KEYDOWN  CharToItem

    1.4K80

    从后端到前端之Vue(六)表单组件 HTML5原生的表单和表单元素Vue组件的基础知识表单元素组件辅助工具开源

    在手机网页里的展现效果   表单元素在PC浏览器里是什么样子的,大家很容易看到,那么在手机浏览器里是什么样子的呢?先看一下表单整体效果: ?   ...数字 type="number"   这个首先可以设定输入法为数字状态,不用再从中文改成数字了,省去用户的一个步骤,有些版本还可以限制用户更换状态。...电话号码 type="tel"   这个嘛,有些版本会设定输入法为数字状态,有些版本就没啥效果了,如果电话号里面只有数字的话,建议用number的方式。 ?...datalist   这个是给文本框提供一个像下拉列表框那样的备选项,还是比较实用的,只是有一个小问题,他自带过滤功能,比如输入 a 那么只会保留a开头的备选项,其他的 就都消失了。...有的时候我们自己需要知道用户的输入操作,依据输入做些操作,比如联动下拉列表框。我们要知道第一个下拉列表框的change,然后设置第二个下拉列表框。这个时候就需要我们自己的事件通知。

    5.1K10

    html下拉框设置默认值_html下拉列表框默认值

    8.3多行文本输入框 8.4下拉列表框、 在表单中,通过和标记可 以在浏览器中设计一个下拉式的列表或带有滚动 …… > 指定要创建的控件类型 Text 默认值,创建一个单行文本输入控件 Password...创建一个密码框输入控件 Checkbox 创建一个复选框控件 Radio 创建一个单选按钮控件 Submit…… 7.要在表单中添加一个默认时为选中状态的复选框,应使用语句 ⑨。...第 3 题 问答题 1.简要…… 限制输入的最大字符数,取值为整数 checked=“checked”使用在复选框和单选框中,表示该选项默认被选中 …,菜单里有多个选项,一般用于选择年……. . . ....必须定义度量的范围,既可以在 text 中,也可… 如何在 EXCEL 中建立下拉列表 1、 在本工作簿的空白列输入下拉菜单的内容,然后选中后右键: 创建列表如下: 复制“=AC1:AC10” 2、 选中要建下拉菜单...… 这里是固定第一行为表头) 窗口选项——选择拆分——再次选择冻结窗口——完成 如何设置单列下拉菜单: 无关联添加:使用有效性-序列,将要下拉的内容输入框内,中间以…… 版权声明:本文内容由互联网用户自发贡献

    33.8K21

    WinForm学习

    它比 C、C++、Java 提供了更多的数据类型,并且每个数据类型都是固定大小的。...此外还提供了命名空间来管理 C# 文件,命名空间 相当于一个文件夹,在创建程序时,允许在一个命名空间中创建一个或多个类,方便调用和重用 面向对象 与其他面向对象语言一样,C# 语言也具有面向对象语言的基本特征...C# WinForm 编程需要创建「Windows窗体应用程序」项目。.NET 提供了大量 Windows 风格的控件和事件,我们可以直接拿来使用,上手简单,开发快速。...设置为true时用户可以通过回车键确认 Show和ShowDialog的区别 show是界面可以同时存在,第一个界面出现,出现第二个界面时可以点击第一个界面,而showDialog时出现第二个界面时无法点击第一个界面...2.控件的使用不仅可以通过拖拽的方式实现,也可以使用代码的方式实现,添加到Controls中,然后编写相应的逻辑代码。

    3.4K11

    Python图形界面GUI程序设计

    1、GUI是什么? 图形用户界面(Graphical User Interface,简称 GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面。...图形用户界面由窗口、下拉菜单、对话框及其相应的控制机制构成,在各种新式应用程序中都是标准化的,即相同的操作总是以同样的方式来完成,在图形用户界面,用户看到和操作的都是图形对象,应用的是计算机图形学的技术...2、Python中的GUI编程 Python 提供了多个图形开发界面的库,几个常用 Python GUI 库如下: Tkinter:Tkinter 模块(Tk 接口)是 Python 的标准 Tk GUI...Canvas 画布控件;显示图形元素如线条或文本 Checkbutton 多选框控件;用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容 Frame 框架控件;在屏幕上显示一个矩形区域...显示一个数值刻度,为输出限定范围的数字区间 Scrollbar 滚动条控件,当内容超过可视化区域时使用,如列表框。.

    4.9K20

    图解浏览器引用本地硬盘上的JS文档

    浏览器默认安装路径为“C:\Program Files\木头软件\木头浏览器(旗舰版)\js”,浏览器将自动读取该路径下的所有JS文档。这里提供两种网页引入本地js脚本文档的方法。...在“运行JS代码”窗口中,有一个引入JS的下拉列表框,自动列出本文第一步指定文件夹下的所有JS文档,直接勾选需要引入的JS文档,可以同时选择引入多个文档。...二、需要长期使用引入JS代码 在浏览器的自动控制菜单中,打开项目管理器,创建一个“脚本代码”步骤。...打开“引入JS文档”下拉列表框,自动列出软件目录下的js文件夹下所有JS文档,如果选择引入jquery库,然后就可以在代码中直接使用JQuery编码。...为了提高浏览器性能,每个页面只需引入一次同一个JS文档,如果多次执行引入相同的JS文档,则只有首次执行引入操作。如果网页刷新或跳转后,则需重新执行引入操作。

    2.4K00

    1-3 Winform 中的常用控件(

    Control 类为在Form中显示的所有控件提供基本功能,Form类表示应用程序内的窗口。...图1-9 工具箱拖拽控件对象 u 实验步骤(2): 由图1-10所示,分别配置列表框和组合框的Items属性,在展开的字符串集合编辑器内输入图1-10所示的具体文本信息。 ?...一般而言,如果只有一个窗口或者是MDI(多文档窗体)里面的主窗口则是退出程序,Form.close()也是一种安全的方式,但如果是打开多个文档窗口的情况,退出系统必须使用Application.Exit...其基本的属性和方法定义如表1-2所示: 属性 说明 MaxLength 可在文本框中输入的最大字符数 Multiline 表示是否可在文本框中输入多行文本 Passwordchar 机密和敏感数据,密码输入字符...ReadOnly 文本框中的文本为只读 Text 检索在控件中输入的文本 方法 说明 Clear 删除现有的所有文本 Show 相当于将控件的 Visible 属性设置为 True 并显示控件 事件

    2.8K10

    一段代码,显式确定工作表列表框选项状态

    标签:VBA 使用功能区“开发工具”选项卡,我们可以在工作表中插入控件,例如,可以插入列表框控件,如下图1所示。...图1 插入列表框控件后,单击右键,选择“设置控件格式”命令,可以选取“选定类型”中的“复选”,从而允许我们同时选取列表框中的多个项目,如下图2所示。...图2 然而,Excel并没有提供给我们指示在工作表中列出了多个选项,所链接的单元格只是显示0,如下图3所示。...图3 下面是在mrexcel.com中看到的一段代码,通过在工作表中项目列表右侧的列中显示用户的选择状态来解决此问题,如下图4所示。...图4 宏代码如下: '获取多选列表框中的选定项,并将其列在工作表中原始项列表的右侧列 Sub getSelections() Dim V As Variant Dim V2 As Variant

    83040

    软件易用性测试_易用性测试包含界面测试吗

    对于复杂的用户界面而言,最好提供界面“向导”,及时让用户知道自己在界面界面中所处的位置;例如对于基于web的应用软件,应该在界面上提示“当前位置”,否则用户很容易在众多的页面中迷失方向。...从项目需求、产品经理、技术支持、客服等多渠道了解客户有哪些?他们的特征是什么?最在乎软件 的哪些方面?...3)可控制 a:所需功能或者期待的响应应该明显,符合用户预期。 b:方便灵活的功能跳转和状态跳转,同一任务可用多个路径或者方式完成,对于常用 任务同事提供最简路径完成。...d:在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个窗口时,不停 的切换甚至最小化其他窗口 来显示该窗口下拉式菜单和鼠标操作。...d:日期的输入采用日期控件标准输入方式。 e:在需要输入时间的地方,应提供默认时间项且该时间与服务器当前时间保持同步。 f:必要时提供鼠标自动定位或者输入框自动清空。

    1.3K50

    Matlab系列之GUI设计基础

    'listbox' Value 属性等于与列表框中的选定项对应的数组索引。值 1 对应于列表中的第一个项目。 'popupmenu' Value 属性等于与弹出式菜单中的选定项对应的数组索引。...'listbox' Max 属性值可帮助确定用户是否可同时选择列表框中的多个项目。如果 Max – Min > 1,则用户可以同时选择多个项目。否则,用户不能同时选择多个项目。...'listbox' Max 属性值可帮助确定用户是否可同时选择列表框中的多个项目。如果 Max – Min > 1,则用户可以同时选择多个项目。否则,用户不能同时选择多个项目。...如果设置 Max 和 Min 属性以允许多个选择,则 Value 属性值可以是索引矢量。 (4)ListboxTop 列表框中顶部项的索引,指定为整数值,默认值为1。此属性仅适用于控件样式的列表框。...此属性指定哪个字符串显示在列表框中的最顶部位置,该列表框不够大,无法显示所有列表项。ListboxTop 值是您指定为String 属性值的字符串数组的索引。

    5.9K10

    Excel实战技巧72:又一个创建级联列表框的示例

    在《Excel实战技巧68:创建级联列表框(使用ADO技术)》中,我们使用ADO技术将列表框中的项目关联起来,实现了级联列表框。 这里我们再举一个相对简单的实现级联列表框的例子。...如下图1所示,选择左侧“项目”列表框中的项,在右侧“详细分类”中会列出相应的相关项。 ? 图1 下图2是列表框中使用的数据。 ?...图2 打开VBE,插入一个用户窗体,在用户窗体中放置两个标签和两个列表框,将左侧的列表框命名为lbxItem,右侧的列表框命名为lbxCategory,如下图3所示。 ?...图3 在用户窗体代码模块中,输入下列代码: '初始化用户窗体 Private Sub UserForm_Initialize() Dim rngItem As Range '将名称为"项目..."的单元格区域赋值给变量 Set rngItem = Sheet1.Range("项目") '列表框lbxItem中的值 Me.lbxItem.List = rngItem.Value

    81720
    领券