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

Material Design — 菜单(Menus)

---- 简单菜单(Simple Menus) 移动端或pc 使用列表中的简单菜单显示特定列表项的选项。 垂直对齐 靠近屏幕边缘时,简单菜单将垂直重新对齐,以使所有菜单项完全可见。...尽管它们可以显示相同的内容,但简单菜单优Simple Dialog,因为简单菜单对用户当前上下文的干扰较小。 菜单项选择 选择一个选项提交选项并关闭菜单。...取消选择 触摸菜单外部或按下系统“后退”按钮,取消操作并关闭菜单。 ? 简单菜单 ·打开时,简单菜单会尝试将当前选定的菜单项目与列表项目垂直对齐。 当前选择的菜单项突出显示(如下图)。 ?...向下展开的简单菜单 ? 向上展开的简单菜单 ·不要在简单菜单弹出的第一个选项上放列表中的非已选项(如下图)。 ? ·但在靠近屏幕边缘时,简单菜单会重新定位其垂直对齐方式,以便所有菜单项都完全可见。...·简单的菜单总是与列表项文本的开头左对齐,并且不会基于点击位置重新水平定位(如下图)。 ?

5.8K100

B端产品设计规范

图片大小上限以 100kb 为准,超出 100kb 的,可考虑分成多张图片显示。 图片分辨率: 图片分辨率:统一为 72 像素。...以居中或居左对齐为准,同一内容区域内的图片要做到大小统一,对齐方式统一。 页面布局的框架设计: 我们在设计过程中,需要考虑我们基于什么样的尺寸进行基础设计。...而每一个列表项都是由最基本的标签和输入框组成,常规的表单包括单选、多选、下拉选、输入框、时间选择、开关选择等控件。 左对齐是比较常见的对齐设计,比较符合pc端常规显示的场景。如下图所示。...竖列标签的使用场景思考: - 当⻚面的一级功能较多,且存在扩展的需求时,可考虑使⽤竖列样式; - 当⻚面的层级较多,为了避免纵向的tab过多,可考虑使⽤竖列样式作为第一级tab;如下图所示。...表格内的内容在左对齐时,尽量与左边表格边距保持至少 10px 的间距。 表格在后台系统设计中大约占40%左右的比重。 表格的设计规范的设计思考点如下: 操作列按钮:每个按钮字数不超过6个字。

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

    【QT】 控件 -- 按钮类(Button)

    可以为按钮设置一个图标,增强视觉效果或指示功能。 iconSize 按钮中图标的尺寸。指定图标的大小,确保图标在不同分辨率下都能正确显示。 shortCut 按钮对应的快捷键。...分别为 pushButton_target、pushButton_up、pushButton_down、pushButton_left、pushButton_right 上面我们可以通过点阵把按钮对齐...Radio Button 按钮 QRadioButton 是 单选按钮,可以让我们在多个选项中选择一个 作为 QAbstractButton 和 QWidget 的子类,上面介绍的属性和用法,对于...下面我们举一个 选择性别 的例子,如下: (1)在界面上创建⼀个 label 和 3 个单选按钮 设置的文本如下图,3 个单选按钮的 objectName 分别为:radioButton_male、radioButton_female...或者 禁用某个选项被选中,如下: 运行程序可以看到,点击 “其他” 按钮的时候,虽然不会被选中,但是可以触发点击事件,使上面的 label 显示性别为其他 但是如果使用 setEnabled 是更彻底的禁用按钮的方式

    6500

    UI设计师必须知道的8个PS小技巧

    今天就给大家分享一篇UI设计师必须知道的技巧。 1. 设置网格线 保持像素完美 不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。...2:自动对齐网格 平时画icon的时候会常常使用到二分一、三分一或者其他比例的线条,所以一般会对网格对齐功能进行关闭。而做界面的时候我们要求更加精准的界面,所以通常会开启网格对齐功能。...选择工具栏里的移动工具后,上面的选项栏会粗线一个“自动选择”和一个下拉菜单,将自动选择打上勾勾,下拉菜单选择图层。欧了~现在你试试,无论何时都可以自由的选择图层了~ ?...处于新手阶段的同学一定觉得曲线和色阶调整挺难的,有些时候有些色阶结合或是其他的调整不能很好的融合,这就导致设计师不得不重新开始。通俗的对应方法是:点击取消按钮,或者重新打开调整面板。...不过这里还是有节省时间的小窍门~当你想要重新做一个曲线,不要直接点击取消按钮,按住ALT键,“取消”将会瞬间变身成一个叫“复位”的东西。点击复位,曲线就会回到初始状态了~ ?

    1.1K30

    Swing常用组件

    当用户点击提交按钮时,程序会检查哪些复选框被选中,并以弹框的方式显示用户选择的选项。 六、单选按钮(JRadioButton) Swing 中通过类 JRadioButton 实例化单选按钮对象。...该类和 JCheckBox 有共同的父类 JToggleButton, JRadioButton 的构造方法多达8种重载形式,通过参数赋值可以在初始化单选按钮时,同时指定单选按钮的文字、图标,以及默认的状态选择等...如果要将多个单选按钮组合成具有互斥关系的单选按钮组,则需要调用 ButtonGroup 对象的成员方法 add(), 添加这些单选按钮对象到同一个 ButtonGroup 对象中。...getText():获取单选按钮的文本。 setText(String text):设置单选按钮的文本。 isEnabled():检查单选按钮是否可用。...setEnabled(boolean enabled):设置单选按钮是否可用。 getActionCommand():获取单选按钮的动作命令。

    11710

    图形化界面的开发(GUI)_Tkinter库的使用-3(Button+Radiobutton+Checkbutton)

    @TOC 前言 本篇文章主要讲Tkinter库的按钮Button控件,单选框Radiobutton控件和复选框Checkbutton控件,以及相对关的属性和方法以及示例。...| | 8 | Height | 按钮的高度。对于文本行,高度以文本行数表示,对于图像,高度以像素数表示。...| | 12 |justify | 它说明了多个文本行的表现方式。它被设置为LEFT表示左对齐,RIGHT表示右对齐,CENTER表示中心。...| | 17 | State | 该选项设置为DISABLED,使按钮无反应。ACTIVE代表按钮的活动状态。...当按钮被按下时,对应的函数会被执行。与列表框控件(Listbox)不同的是,单选框控件(Radiobutton)只能选择一个值,而列表框控件可以选择一个或多个值。

    9710

    Axure RP8入门之基本操作篇

    ### 22.设置单选按钮唯一选中 全选所有的单选按钮,在元件属性中{设置单选按钮组名称},即可实现唯一选中的效果。...## 第五章 功能设置 ### 41.设置形状并排显示细边框 在【菜单】-【项目】的选项列表中,选择【项目设置】;在弹出的面板中进行{边界对齐}的设置。...### 48.设置自适应视图 自适应视图是指编辑多种分辨率的原型,设备中查看时,系统会根据自身分辨率,自动与分辨率相适合的原型进行匹配,并显示出来。自适应视图在【项目】-【自适应视图】中进行设置。...可以通过在PC或手机浏览器中打开该网址查看原型 ### 54.重新生成当前页面 修改某个页面无需将整个原型HTML文件都重新生成一遍,只需要在【发布】的选项列表中,选择【在HTML文件中重新生成当前页面...以FontAwesome字体为例。在Web字体设置中,点击【+】添加新的配置,勾选【链接到“.CSS”文件】选项,将该字体官方网站提供的“.CSS”文件地址填入超链接中即可。

    5.3K30

    HTML表单

    这些小部件可以是文本字段(单行或多行)、选择框、按钮、复选框或单选按钮; HTML表单和常规HTML文档的主要区别在于,大多数情况下,表单收集的数据被发送到web服务器; form表单 所有的...添加multiple参数 上传多个文件 submit 提交按钮 button 普通按钮(本身没有任何功能,需要绑定js) reset 重置按钮 按钮组的提示信息可以通过value属性自定义,如果不自定义那么不同的浏览器可能会展示出不同的提示信息...--性别单选框--> gender 单选的功能,name指定同一个参数 --> <!...:focus, textarea:focus { /* 给激活的元素一点高亮效果 */ border-color: #000; } textarea { /* 使多行文本输入框和它们的label...正确对齐 */ vertical-align: top; /* 给文本留下足够的空间 */ height: 5em; } .button { /* 把按钮放到和文本输入框一样的位置

    4K10

    带有桌面和推荐软件的 Raspberry Pi OS免费下载

    下的 xrandr 管理,可以为两个显示器独立设置,并且即时生效而不需要重新启动 * GTK3 开关控制现在用于代替成对的单选按钮 * piwiz - 首次启动向导现在作为具有不同图形的不同用户在单独的会话中运行...* rc_gui - 相机接口开关被移除 * lxpanel - 从首选项对话框中删除外观设置;而是添加菜单选项以打开常规外观设置应用程序 * lxpanel - 为打开对话框的菜单项添加省略号...* raspi-config - 添加选项以设置无头连接的分辨率 * raspberrypi-ui-mods - 在 VNC 服务器运行时禁用静音并回退到 openbox * pipanel...以检测和安装软件更新 * 文件管理器视图选项简化为列表或图标,带有单独的缩略图菜单选项 * 新的文件管理器工具栏图标 * KMS 用作默认显示驱动程序 * 修改 HDMI 音频输出选择以支持上述内容...* 改进了多显示器支持 - 从上下文菜单启动时,第二个桌面上的图标对齐更正,外观设置在正确的选项卡上打开 * Raspberry Pi 触摸屏与显示器正确对齐 * 在启动向导和推荐软件中安装新软件包之前同步系统时钟

    2.1K20

    WEB入门二 表格和表单

    在网上冲浪时,我们经常会见到一些常用的元素,例如:让用户输入姓名的单行文本框,让用户输入密码的密码框,让用户选择性别的单选按钮以及让用户提交信息的提交按钮等。不同的表单元素有不同的用途。...如果要求用户在指定的范围内做出选择,一般使用单选按钮、复选框和下拉列表框,如图2.1.10中“性别”、“爱好”、“出生日期”中的月份选择等常采用这些元素。...单选按钮 将元素的type属性设为radio就可以创建一个单选按钮。单选按钮控件用于一组相互排斥的值,组中的每个单选按钮必须具有相同的名称,用户一次只能选择一个选项。...单选按钮需要一个显式的value属性。...图2.1.15 单选按钮 5. 复选框 将元素的type属性设为checkbox就可以创建一个复选框。

    9710

    微软官方开发的实用工具,让你的Windows体验更加高效便捷

    启用后,应用程序将管理计算机的唤醒状态。 虽然 PowerToys Awake 可以无限期或暂时地使计算机保持清醒状态,但在其默认状态下,连接到计算机的显示器将关闭。...实用快捷键 Win+Shift+C后,即可激活颜色选择器; 除了可以查看颜色,还可以通过鼠标滚轮向上滚动查看更详细的颜色。 裁剪和锁定 允许将当前应用程序裁剪为较小的窗口或仅创建缩略图。...FancyZones FancyZones 是一个窗口管理器实用工具,用于将窗口排列和对齐到高效的布局中,以快速改进工作流和还原布局。可以定义一组区域位置,以用作桌面上的窗口的目标。...将窗口拖动到某个区域或输入关联的键盘快捷方式时,窗口会重设大小并重新定位以填充该区域。 创建好布局之后,就可以将各应用程序拖放到响应的区域中。...右键单击所选文件,从菜单中选择“ 显示更多选项 ”展开菜单选项列表,然后选择 “使用此文件的内容” 打开 File Locksmith 并查看正在使用该文件的进程。

    69540

    JavaWeb01轻松掌握HTML(Java真正的全栈开发)

    根据不同的type属性值,输入字段有很多种形式,输入字段可以是文本字段,复选框,掩码后的文本控件,单选按钮,按钮等....value:定义标签值(默认值) size:定义输入字段的长度(密码框的宽度) maxlength:定义可输入最大的字符个数 radio:定义单选按钮(单选框或者单选按钮...-- input 标签 type=”radio“ 时 为单选框或者单选按钮 name:规定单选框的名称,通过name进行数据传递,分组。 value:实际上提交的数据。 checked: 默认选择。...常用属性: align:设置水平线对齐方式 可选值 left right center size:设置水平线厚度 以像素为单位.默认为2 width:设置水平线长度.可以是绝对值或相对值.默认为100%...-- input 标签 type=”radio“ 时 为单选框或者单选按钮 name:规定单选框的名称,通过name进行数据传递,分组。 value:实际上提交的数据。 checked: 默认选择。

    5.2K50

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

    平移和缩放地图以了解控件。 尽可能放大您选择的位置以查看数据集的最大分辨率。...图层可见性 单击数据层名称右侧的可见性按钮(眼睛图标),关闭数据层的可见性。您将看到显示的 Google 地图地形视图。 再次单击可见性按钮(眼睛图标)使数据图层再次在地图上可见。...尝试添加新图层并通过对图层重新排序并使用可见性图标交替可见性来更改图层可见性。 删除图层 单击数据列表中的数据层名称以显示层设置对话框。 单击垃圾箱按钮,该图层将从您的数据列表和地图中删除。...但是,您可以通过激活 1 波段(灰度)单选开关来选择将单个波段视为灰度。 激活 1 波段(灰度)单选开关。 单击波段选择下拉菜单并选择一个不同的波段以显示为灰度。...自然色很好,因为它很熟悉,但是将我们肉眼可见范围之外的反射带分配给 RGB 颜色使我们能够以全新的方式“看到”风景。这些类型的数据表示被称为假彩色合成。

    49710

    用幻灯片来汇报数据分析结果,导入导出功能是亮点

    、字号、颜色、对齐方式(左对齐、右对齐、居中),不支持行距; 幻灯片主题:原有幻灯片报告设置了主题后,导入的ppt沿用报告的主题。...,所以保存到数据库中以至于导出幻灯片时所获取到的数据与编辑器中所见可能会有微小误差(一般是几毫米),原来有的吸附效果可能在导出幻灯片中要重新手动设置。...(4)自定义导出幻灯片页数输入框:功能介绍和要求见上一条“导出范围单选框组”最后选项“幻灯片”说明和要求。...进度条以可视化的形式向用户展现导出进度,日志面板为导出过程中后台记录的进度信息,并附带一个“展开详情”或“收起详情”按钮,可以选择是否隐藏导出日志。...需要用户点击工具栏导出按钮重新进行导出操作);日志区显示导出过程中的详细日志信息,包含执行时间和操作名称。

    2.9K30

    Python中tkinter模块的常用参数总结

    ; anchor:    组件的对齐方式,顶对齐'n',底对齐's',左'w',右'e' side:     组件在主窗口的位置,可以为'top','bottom','left...指定按钮上显示的位图;borderwidth(bd)    指定按钮边框的宽度;command:       指定按钮消息的回调函数;cursor:     指定鼠标移动到按钮上的指针样式...指定按钮上显示的图片;state:     指定按钮的状态(disabled);text:     指定按钮上显示的文本;width:      指定按钮的宽度...,为了使多次移动变得可视,最好加上time.sleep()函数;只要用create_方法画了一个图形,就会自动返回一个ID,创建一个图形时将它赋值给一个变量,需要ID时就可以使用这个变量名。...、字体(font)一般格式:('Times -10 bold')('Times',10,'bold','italic') 依次表示字体、字号、加粗、倾斜补充:config 重新配置

    87330

    基于深度学习的超分辨率重建

    另外,受到ResNet的启发,DRCN通过skip connection将输入图像与H_d的输出相加后再作为Reconstruction Net的输入,相当于使Inference Net去学习高分辨率图像与低分辨率图像的差...将每个像素的r^2个通道重新排列成一个r x r的区域,对应于高分辨率图像中的一个r x r大小的子块,从而大小为r^2 x H x W的特征图像被重新排列成1 x rH x rW大小的高分辨率图像。...二是把对齐后的相邻若干帧叠放在一起,当做一个三维数据,在低分辨率的三维数据上使用三维卷积,得到的结果大小为r^2\times H\times W。...三是利用ESPCN的思想将该卷积结果重新排列得到大小为1\times rH\times rW的高分辨率图像。...SRGAN认为,应当使重建的高分辨率图像与真实的高分辨率图像无论是低层次的像素值上,还是高层次的抽象特征上,和整体概念和风格上,都应当接近。整体概念和风格如何来评估呢?

    89520

    高职考技能提升教程006期 textbox文本框综合运用 VB语言 高考信息技术必备

    创建一个“标准EXE”工程,将其窗体文件和工程文件分别以“test1.frm”、“test1.vbp”为文件名保存。 2.(14分)参照图1完成界面设计:按表1添加相关对象并设置相关属性。...(每个属性1分,共14分) 3. (4分)单击单选按钮控件数组中的任一个按钮触发一个共享事件(单击“左对齐”,文本框显示“文字左对齐”,单击“居中”,文本框显示“文字居中”,单击“文字右对齐”,文本框显示...“文字右对齐”); 4. (4分)单击组合框中的“黑体”,文本框显示“字体设置为黑体”,单击组合框的“幼圆”,文本框显示“字体设置为幼圆”,单击组合框的“楷体”,文本框显示“字体设置为楷体”; 5. (...7分)单击“可编辑”命令按钮,文本框显示“可编辑文字”,且文本框获得焦点,可编辑文字;单击“不可编辑”命令按钮,文本框显示“不可编辑文字”,且文本框不可编辑; 6. (1分)保存工程文件和窗体文件,生成可执行文件...总结 1、界面设计要颜色按照题目要求 2、文字的对齐方式有简便方法 3、combobox控件的下拉点击事件用的click 4、读题的细节方面重要! 软件设计界面: ?

    1.1K20

    【论文复现】单目深度估计的新突破

    在混合数据集训练过程中,我们以一定的概率从这两个数据集中随机选择样本,并将它们组合成一个批次。这样的做法能够使模型在训练过程中接触到不同数据分布下的样本,从而更好地适应各种真实场景的变化和复杂性。...通常,多分辨率噪声会在图像的不同尺度上引入高斯噪声或其他类型的噪声,以模拟真实世界中的噪声情况。 在实际应用中,多分辨率噪声通常被用于图像分类、目标检测、语义分割等任务中。...对齐的过程可以确保预测的深度图与地面真实深度图之间有一个合适的映射关系,从而可以进行有效的性能评估。在本文中,我们采用了一种基于最小二乘拟合的方法来进行深度图的对齐,以提高评估的准确性和可靠性。...实验结果显示,稳定扩散VAE生成的深度图与地面真实深度之间的平均绝对误差(MAE)相对较小,表明其在深度图生成任务中表现出良好的性能和准确性。...选择检查点 在这个部分,用户可以通过下拉菜单选择要使用的深度估计模型。

    33010
    领券