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

Material Design — 菜单(Menus)

自上次参加完回音分享会后,下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS的组件(顺便学学英语),以便今后在使用的时候完全不虚!...菜单 菜单的形式是在短暂的动作条上展示选项列表。 菜单出现在与按钮操作或其他控件的交互。菜单显示的是一个一行只有一个选项的选项列表。 如果不适用于某个情景,菜单项可能被禁用。...左:应用栏操作太多时将会设置一个菜单    右:包含五个选项的菜单 菜单标签 按钮或控件的标签应该简洁而准确地反映菜单内的项目(如下图)。...例如,当使网页上的文本高亮时,Android显示“复制”菜单项,因为用户无法“剪切”或“粘贴”文本。 ? 情景菜单 菜单是滚动的 如果菜单高度阻止其显示所有菜单项目,菜单可以在内部滚动。...例外情况是,菜单允许选择多个项目,例如使用复选标记。 ---- 简单菜单(Simple Menus) 移动端或pc 使用列表的简单菜单显示特定列表项的选项。

5.8K100

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

如果没有选项被选中,三态复选框呈现的整体状态为未选中。 用户使用一个操作,就可以改变三态复选框组中所有选项的状态: 选中整体复选框,可以选中组的所有选项。...菜单或菜单栏 menu 是一个组件,为用户提供一个选择列表,例如一组操作或功能。...菜单一般通过激活 menu button 打开或变为可见,选择菜单中一个会打开子菜单的项目,或激活一个命令,例如Windows的 Shift + F10 ,来打开上下文特定菜单。...禁用的菜单项是聚焦的,但无法激活。 2. 菜单的separator不可聚焦或交互。 3....例如,如果把快捷键 Alt+U 分配给“向上”按钮按钮会将当前聚焦的列表项目移动到列表的较高位置,当焦点在列表时,按 Alt+U 将焦点移出列表

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

Unity编辑器扩展 | 编辑器扩展基础入门

例如,可以为特定组件添加自定义的Inspector界面,以提供更直观和定制化的编辑体验。 自定义菜单和工具栏:开发者可以添加自定义的菜单选项和工具栏按钮,以快速访问特定功能或执行特定操作。...例如,可以添加一个自定义菜单选项来导入和处理特定类型的资源文件,或添加一个工具栏按钮执行一组常用的操作。 自动化任务和工作流程:通过编辑器扩展,开发者可以编写脚本来自动化重复性的任务和工作流程。...MenuItem MenuItem可以将自定义的函数与Unity编辑器中的菜单项关联起来,以便在需要时执行相应的操作。...ContextMenu ContextMenu是一个用于创建自定义上下文菜单的函数。通过使用ContextMenu,开发者可以创建一个特定对象或场景关联的菜单,其中包含与对象或场景相关的操作。...这样,在选择一个对象或场景时,用户可以通过点击右键并从上下文菜单中选择相应的操作执行特定的功能。

51621

配色指南|你知道如何正确使用红色与绿色吗?

从购物车删除项目的颜色为红色 表示潜在的危险行为 红色通常与潜在的危险行为有关。若使用正确,它可以防止用户做一些无法恢复的危险行为。...红色按钮警告用户他们将切断呼叫,而绿色则向他们发出消息,表示他们正在进行呼叫。这意味着用户可以花更少的时间处理这样的简单选择。 值得一提的是,红色和绿色配对适用于两种选项对用户同等重要的情况。...如果你希望用户以特定方式执行操作,则可以对特定选项赋予更多视觉权重。在下面的示例,我们使用对比绿色表示“Yes Please!”选项。 图片: Telerik 哪种颜色转换更好?...适用于某个特定页面的颜色不一定适用于另一个页面。 同时,在为CTA选择颜色时,我们应该考虑两件事: •着陆页上的CTA应该引人注目,只有当按钮与周围物体和背景形成鲜明对比时才会发生这种情况。...•您选择的颜色和显示它们的上下文都是至关重要的考虑因素。 如果我们将Stripe的着陆页的CTA颜色从绿色更改为红色,会发生什么呢?

92410

安卓 topic-菜单 Menu

请参阅创建上下文菜单部分。 弹出菜单 弹出菜单将以垂直列表形式显示一系列项目,这些项目将锚定到调用菜单的视图中。 它特别适用于提供与特定内容相关的大量操作,或者为命令的另一部分提供选项。...用户长按(按住)一个声明支持上下文菜单的视图时,菜单显示为菜单项的浮动列表(类似于对话框)。 用户一次可对一个项目执行上下文操作。 使用上下文操作模式。...用户选择菜单项时,系统将调用此方法,以便您能够执行适当的操作。...当用户取消选择所有项目、按“返回”按钮选择操作栏左侧的“完成”操作时,操作模式将会停用,且上下文操作栏将会消失。 注:上下文操作栏不一定与应用栏相关联。...为单个视图启用上下文操作模式 如果希望当用户选择特定视图时才调用上下文操作模式,则应: 实现 ActionMode.Callback 接口。

2.6K20

前端如何提高用户体验:增强可点击区域的大小

作者:Ahmad Shadded 译者:前端小智 来源:css-tricks 你是否曾经试着点击或点击一个元素(例如:按钮、链接),并且注意到只有单击元素的特定区域,它才会响应?...把鼠标悬停在按钮上,光标仍然是一个指针,这很好。不过,也可以选择文本和悬停时,有一个文本光标!如果使用了正确的元素,就不会发生这种情况。 ?...复选框和单选按钮 当存在复选框或单选按钮元素时,希望可以单击它或关联的标签来激活/禁用它。 ? 从用户体验的角度来看,这是难以访问和糟糕的。...这样,问题得以解决,整个复选框或单选按钮都是单击的,如下图所 ? 侧边栏 对于带有类别的页面,有时我会注意到列表链接没有扩展到其父页面的整个宽度。 也就是说,可点击区域仅在文本上,如下图所示: ?...章节标题 在某些情况下,需要在章节标题的远端添加“查看更多按钮或箭头。 在下面的示例将箭头放置在假圆以便可以正确地使箭头居中。

4.7K20

最新iOS设计规范五|3大界面要素:控件(Controls)

系统按钮 系统按钮通常出现在导航栏和工具栏,也可以在任何地方使用。 ? 在标题中使用动词。特定操作的标题显示按钮是交互式的,并说明单击按钮时会发生什么。 使用标题格式命名标题。...通过提供特定于应用程序的其他命令来增加菜单的选项,与标准命令一样,任何自定义命令都可以对选择的文本或对象进行操作。 在系统提供的命令之后显示自定义命令。...当执行无法量化的任务(例如加载或同步复杂数据)时,加载器会旋转。任务完成后它会消失。活动加载器是不是交互元素。 ? 进度条优于加载器。...“更多按钮可以与大多数界面很好地集成在一起,用户也能够理解点击它可以访问其他功能。通常的样式是三个点放在圆形按钮来表示“更多”。或者,您可以通过在现有按钮执行特定手势来让人们显示菜单。...使用系统符号可以使用户得到熟悉的体验,同时确保符号在各个比例下均与文本保持对齐。 显示菜单标题(如果添加含义)。在大多数情况下人们会理解菜单项的上下文,因为当他们点击按钮执行操作时菜单会立即显示。

8.5K30

如何在Debian 9上安装Webmin

允许例外继续,以便您可以使用Let's Encrypt一个替换自签名证书。 您将看到一个登录屏幕。使用您创建的非root用户登录,同时满足本教程的准备。...对于验证文件的网站根目录,选择其他目录按钮并输入/var/www/html。 对于自动续订部分之间的月份,通过在输入框中键入1并选择输入框左侧的单选按钮,取消选择手动更新选项。...选择自动为用户ID。 使用描述性名称填写真实姓名,类似Deployment user。 对于主目录,请选择自动。 对于Shell,从下拉列表选择/ bin / bash。...对于Secondary Group,从All groups列表选择sudo,然后按- >按钮将组添加到组内列表。 按“ 创建”以创建此新用户。...如果有可用的更新,您将看到一个链接,指出可用更新的数量,如下图所示: 单击此链接,然后按更新选定的包以开始更新。可能会要求您重新启动服务器,您也可以通过Webmin界面执行操作

2.4K31

认识基本的mfc控件

而且很多常用的控件已经内置到操作系统当中了,在Visual C++,这些常用控件已经简答到能用“拖放”这种窗口设计方法来将他们放置到一个对话框。   ...命令按钮控件:如果用户按下命令按钮将触发一些操作。命令按钮上有一个文本标签用来告诉用户当按下按钮会发生什么事,也可以将图片放置在按钮上来传达按钮信息。  ...单选按钮控件:单选按钮是个圆圈用户可以通过单击在其中添加一个黑点。用来一次在一组两个或者更多的值只选出一个值处于打开状态。 ? 这个就是单选按钮控件。   组合框控件:也叫下拉列表框。...控件是一个带有可用值列表的编辑框。使用组合框提供一系列的选择,用户可以从中选取一个值。有时用户可以在提供的列表满足要求时直接输入一个值。   每个控件都有属性的,用来对这个控件进行说明。...ID:标识控件,改变ID属性以便识别并且与其他控件互动 Caption:指明显示在控件上的文本 Visible:表明在程序运行时控件是否可见 Disanled:表明是否禁用控件。

3.4K20

Matlab系列之GUI设计基础

GUI即图形用户界面(Graphical User Interface),人机交互的一种方式,可以简化用户的操作,比如只需要点点窗口上的按键或者菜单选择等等,就可以实现一个复杂的功能,有点类似黑盒的操作吧...、单选按钮或切换按钮指定一个元胞数组,则 MATLAB 显示元胞数组的第一个元素。...'slider' Max 属性值是滑动条最大值,值必须大于 Min 属性值。 'listbox' Max 属性值帮助确定用户是否同时选择列表的多个项目。...'slider' Min 属性值是滑动条最小值,值必须小于 Max 属性值。 'listbox' Max 属性值帮助确定用户是否同时选择列表的多个项目。...(4)ListboxTop 列表顶部项的索引,指定为整数值,默认值为1。此属性适用于控件样式的列表框。此属性指定哪个字符串显示在列表的最顶部位置,列表框不够大,无法显示所有列表项。

5.8K10

单选按钮的用户体验设计

单选按钮是表单系统的一个基本元素。它们被使用在当存在互斥的两个或多个选项列表而用户必须选择其中一个时。换句话说,点选某个尚未选中的单选按钮,之前的选择就会恢复成未选中。...现代软件单选按钮正是仿照的这些物理按钮。 二、单选按钮的最佳实践 1、使用单选按钮仅用来设置 使用单选按钮来更改设置,而不是作为操作按钮执行命令。...如果单选按钮只被用来影响一个命令的执行,那最好还是用显示命令的变化来取代。这样做允许用户选择单个交互的正确命令。...3、选项应该是全面的和分明的 单选钮的最大可用性问题来自于标签模糊,有误导性,或描述的选项令普通用户无法理解。虽然上下文帮助说明可以减少后者的问题,但让用户测试任何重要的交互控制仍然是最好的选择。...然而,复选框只适合真对一个选项是开启还是关闭,单选按钮则可以被用到完全不同的选项。 你应该记住如下两种情情况如果两个解决方案都有可能: 替代选项。如果复选框无法完全清晰的表明意义,则使用单选按钮

6.1K100

SI持续使用

一个数字-值替换父样式属性。 =(等于)-属性无效,并且它继承与父样式完全相同的值。样式名称列表 列出所有语法格式样式。在此列表选择一种样式时,其属性将加载到右侧的控件。...样例框也会显示样式的样例。列表描述了样式层次结构。每个样式都有一个父样式,并从父样式继承其属性。 父母风格 这是样式层次结构的父样式。当前样式从父样式继承其格式。...如果键入一个单词,搜索将非常快。 搜索范围 此下拉列表包含文件类型列表。您可以使用此列表将搜索限制为特定类型的文件或当前文件。...如果“项目窗口”可见,那么您也可以使用此列表指定在“项目窗口”中选择的文件。 搜索方式 您可以从此列表选择要使用的搜索方法。...例如,如果您选择一个结构的成员并查找其引用,则搜索结果将包含对特定结构的特定成员的引用-而不仅仅是任何等效的字符串。

3.7K20

Azure 机器学习 - 使用无代码 AutoML 训练分类模型

此设置包括试验设计任务,如选择计算环境大小以及指定要预测的列。 选择“新建”单选按钮。...对于本教程,列表首先显示评分最高的模型(评分根据所选 AUC_weighted 指标给出)。 在等待所有试验模型完成的时候,可以选择已完成模型的“算法名称”,以便浏览其性能详细信息。...若要生成模型说明,请执行以下操作选择顶部的“作业 1”导航回“模型”屏幕。 选择“模型”选项卡。 对于本教程,请选择一个“MaxAbsScaler, LightGBM”模型。...部署是模型的集成,因此它可以对新数据进行预测并识别潜在的机会领域。 对于本试验,部署到 Web 服务意味着金融机构现已获得一个迭代和缩放的 Web 解决方案,用于识别潜在的定期存款客户。...删除部署实例 若要保留资源组和工作区以便在其他教程和探索中使用,请从 https://ml.azure.com/ 处的 Azure 机器学习删除部署实例。 转到 Azure 机器学习。

19620

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

常见类型: ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一组相互排斥的选项中选择一个。通常,将一个选项定义为默认选择。 外观 常规: ?...二、复选框 允许用户从非互斥的选项选择任意数量的选项(零个、一个或多个) 单个使用时,复选框提供了两个互斥(二元)的操作选项。 外观 常规: ? ? 全选操作(未全选状态): ?...·列表提供全选和多选操作以便用户能够在列表间移动大量选项。 ·实时显示当前被选中列表/ 「源」 列表的数量比及 「目的」 列表的数量。 ·若列表框内容大于视窗高度,列表框的高度为:N列表列表。...六、Dropdowns 下拉(弹出)菜单 触发操作(点击或移入触点),会出现一个非模态弹框。允许用户从集合中进行选择执行相应的命令。...执行命令,例如系统导航菜单、表格操作等: ? 级联: ? 树形(单选、多选): ? 操作(删除、添加等): ? 上下文菜单,例如,常见的右键操作及文本选择命令(如剪切、复制和粘贴等): ?

9.6K21

最新iOS设计规范三|3大界面要素:栏(Bars)

但是,无边框样式在标准标题导航栏可能无法很好地起作用,因为栏的标题和按钮可能难以区分。iPad上的拆分视图是一个例外,更多的是通过在这两种视图中使用无边框样式来保持主视图和辅助视图之间的一致性。...你可以同时提供自定义的蒙版图像,以便系统在转场过渡时使用此蒙版为按钮标题设置动画效果。 不要包括多段面包屑路径。后退按钮始终执行单个操作:返回上一屏幕。...使用搜索栏下方的区域帮助人们更快地获取内容。例如,Safari会在您点击搜索字段后立即显示您的书签。选择一个即可直接进入,而无需输入任何搜索词。当您在搜索字段中键入时,“股票”会显示结果列表。...三、侧边栏(Sidbars) 侧边栏在iPhone上使用较少,更多的用在iPad。它提供了应用程序的导航,在侧边栏中选择一项可以使人们导航到特定的内容。例如,“邮件”的边栏显示所有邮箱的列表。...人们可以选择一个邮箱来访问其邮件列表,然后选择要显示在内容窗格特定邮件。 在iPhone上侧边栏又分为半屏和全屏,手机QQ、滴滴打车都从原来都半屏改为了全屏,曹操专车采用的是半屏。 ?

9.8K10

Sketch 插件开发官方文档合集插件基础您的第一个插件开发环境调试ActionAPI发布插件插件捆绑插件,脚本和命令插件位置更多关于CocoaScriptSketchTool参考资源

下一步 在这个演练,我们看到了一个非常简单的插件。 如果您想更详细地了解插件API,请尝试以下主题: 扩展API概述 - 了解Sketch扩展性的可能性。...如何注册的插件来“聆听”一个操作? 简单:你只需在manifest.json你的插件已有的文件添加一个处理程序。...操作上下文一个操作被触发时,Sketch可以向目标函数发送一些关于操作本身的信息(例如选择改变时选择的图层,或者打开新文档时的当前文档)。...找到正确的操作 有关API中所有可用操作列表,请查看操作参考部分。 专业提示:有时浏览列表的工作量太大,而您只想要更直接一些。对于这些情况,您可以听取所有操作以找到您需要的一个。...删除插件 要删除插件,只需选择插件>管理插件...菜单选项,选择要从列表删除的插件,然后右键单击插件或单击齿轮图标,然后选择卸载“插件名称”: ?

6.3K90

FL Studio水果21最新中文版详细功能介绍

反转铅笔按钮 - 交换笔的辅助按钮和主按钮。 备用撤消 - 默认情况下打开以在新计算机上进行全新安装。 导出 - 打开目标文件夹时,将在系统文件浏览器自动选择呈现的文件。...拖放 — 拖放多个样本时,按住 Shift 键按顺序将样本添加到播放列表。 删除样本或克隆轨道时,将选择轨道。 多选 - 可以使用剪辑菜单→斩波选项进行多项选择。...警告对话框 - 删除多个播放列表曲目时,将显示曲目名称弹出窗口并显示警告。 演奏列表和钢琴卷 - 使用“选择重叠音符”选项删除重复的剪辑和音符→时,删除顶层,保留底层。...搜索字段的文件夹图标,字段将找到的项目限制为当前文件夹。 “类型以筛选”菜单选项,用于输入字符并决定是筛选还是选择项目。 在具有多列的视图中搜索时,请选择一个文件夹。...添加了工具栏按钮作为快捷方式以显示透明度。 现在可以选择要在预览窗格显示的缓冲区。 Zip - 向压缩项目添加了自定义效果。 触摸控制器 - 支持“添加窗口”列表的触摸控制器窗口。

4.3K40

如何结合 Core Data 和 SwiftUI

在此项目中,我们将使用少量 Core Data 的功能,但是这种功能将很快扩展——只想首先了解一下它。...为了解决这个问题,我们将在列表下方创建一个按钮,每次点击都会添加一个新的随机学生,但是首先我们需要一个新属性来存储托管对象上下文。 让重申一下,因为这很重要。...因此,现在将此属性添加到ContentView: @Environment(\.managedObjectContext) var moc 设置好之后,下一步是添加一个按钮按钮生成随机的学生并将其保存在托管对象上下文中...因此,现在将这三行添加到按钮操作闭包: let student = Student(context: self.moc) student.id = UUID() student.name = "\(...这是一个引发函数的调用,因为理论上它可能会失败。实际上,我们所做的一切都没有失败的可能,因此我们可以使用try?来调用它——–我们不在乎捕获错误。 因此,请将最后一行添加到按钮操作: try?

11.8K30

Android基础面试题

与ListView一样,都需要一个Adapter作为桥梁来取得数据,并且需要重载相应的方法,例如getChildView方法就是取得给定分组给定子视图的ID组的ID必须在组是唯一的。...16、 上下文菜单需要重载onCreateContextMenu方法,方法用于( a) A. 添加快捷菜单所显示的标题、图标和菜单子项等内容。 B. 处理菜单选择事件。 C....一般会把在应用程序被关闭后仍然需要执行操作实现为一个绑定式的Service,而将一些执行特定功能、执行周期短或在应用程序关闭后将要停止的操作实现为启动式的Service。 D....在实际开发,常会将这两种方式的Service混用,一般的做法是在一个长期执行的、启动式的Service多次绑定并解绑多个绑定式的Service,在每个绑定式的Service中都会执行短期的、特定的工作...B、每删除一个就调用一次。 C、当Widget第一次添加到桌面时调用方法,添加多次但只有第一次调用。 D、当最后一个Widget删除时,调用方法。

1.3K20
领券