通用视频控件功能: 可设置边框大小 可设置边框颜色 可设置两路OSD标签 可设置是否绘制OSD标签 可设置标签文本或图片 可设置OSD位置 左上角+左下角+右上角+右下角 可设置OSD风格 文本+日期+...时间+日期时间+图片 自定义半透明悬浮窗体,一排按钮 悬浮按钮可自定义设置,包括背景颜色+按下颜色 发送信号通知单击了哪个悬浮按钮 能够识别拖进来的文件,通知url 提供open close pause...< "btnFlowAlarm" << "btnFlowClose"; void VideoWidget::resizeEvent(QResizeEvent *) { //重新设置顶部工具栏的位置和宽高...() - (borderWidth * 2), height); } void VideoWidget::enterEvent(QEvent *) { //这里还可以增加一个判断,是否获取了焦点的才需要显示...*treeWidget = (QTreeWidget *)event->source(); if (treeWidget !
在Flutter中,UI小控件有两种设计风格,一种是Material设计,这是安卓的官方设计风格,另一种则是Cupertino风格,是iOS的官方设计风格。...,则使用fillColor指定的颜色填充 fillColor Color 输入框的背景颜色 errorBorder InputBorder errorText不为空,且输入框没有焦点时要显示的边框 focusedBorder...InputBorder 输入框有焦点时的边框,errorText必须为空 focusedErrorBorder InputBorder errorText不为空时,输入框有焦点时的边框 disabledBorder...InputBorder 输入框禁用时显示的边框,errorText必须为空 enabledBorder InputBorder 输入框可用时显示的边框,errorText必须为空 border InputBorder...focusNode FocusNode 用于焦点管理和监听 autofocus bool 是否自动获得焦点 CupertinoSwitch 的属性较少 属性名 类型 简述 value bool 当前开关状态
你可能会立即注意到,它看起来与人们所期望的iOS开关并不完全一样,主要是因为我们对它应用了一些可访问性和可用性的最佳实践。...我通过清除背景、亮化边框和文本来实现变灰显示方法。虽然一个禁用的控件无法接收焦点,但我们可以悬停在该控件上,以便我们想要撤消这些样式。 ? 不确定的状态 复选框有第三种状态(开关控件没有)。...在本例中,只需将拇指指甲形状移动到中间并选择一个中性的背景颜色即可。因为我们已经为禁用的复选框处理了颜色,所以我们不需要为禁用的不确定情况做任何特殊的事情。 ?...绿色仍然有好的对比度(6.2:1),但是我需要改变获得焦点/悬停文本的蓝色,我把边框和背景颜色调亮一点(#808080),以获得4.8:1的对比度。...你可以看到针对禁用状态和不确定状态的其他一些调整,以及我在获得焦点/悬停上使用的SVG。 ? ? 将Wifi复选框选中并在暗黑模式下运行时,在Firefox67(开发者版本)中所看到的开关。
color 背景颜色 disabledColor 禁用状态下背景颜色 highlightColor 高亮颜色,按下时的颜色 splashColor 水波纹颜色,按下松开会有水波纹效果 以textColor...和hover相关的属性是指鼠标悬停时的状态,移动端没有效果,focus相关的属性为获取焦点时的状态。...设置其阴影值、内边距和弹出菜单的背景颜色: PopupMenuButton( elevation: 5, padding: EdgeInsets.all(5), color:...fillColor是选中按钮的背景颜色。...如果按钮处于禁用状态,可以设置禁用状态下按钮及边框的颜色: ToggleButtons( onPressed: null, disabledColor: Colors.grey[
和Padding都是控件的属性,用于控制控件边框和内容之间的空间。...当控件启用时,用户可以与其进行交互,否则它将处于禁用状态,不能与用户进行交互。例如,如果你有一个Button控件,当你设置Button的Enable属性为false时,按钮将被禁用,用户将不能点击它。...4.设置完成后,在设计时预览窗体即可看到背景图像效果。需要注意的是,在设置窗体背景图像时,应选择合适的图像分辨率和大小,以避免影响窗体的显示效果和性能。...通过FlatAppearance属性,可以改变控件的背景色、前景色、边框颜色和边框样式等。以下是FlatAppearance属性的一些常用属性和方法:BackColor属性:控件的背景色。...如果用户名和密码匹配,则显示“登录成功”的提示信息;否则显示“用户名或密码错误”的提示信息。这个示例展示了Button控件的基本用法,并说明了如何将它与其他控件结合使用来实现具体的功能。
color 背景颜色 disabledColor 禁用状态下背景颜色...,focus相关的属性为获取焦点时的状态。..., onPressed: () {}, ) 效果如下: [1240] OutlineButton OutlineButton 是一个带边框的按钮,用法和RaisedButton一样,代码如下: OutlineButton...( tooltip: 'PopupMenuButton', ... ) 效果如下: [1240] 设置其阴影值、内边距和弹出菜单的背景颜色: PopupMenuButton<String...,可以设置禁用状态下按钮及边框的颜色: ToggleButtons( onPressed: null, disabledColor: Colors.grey[300],
它最典型的特征是: 透明度(使用背景模糊的磨砂玻璃效果); 物体漂浮在空间中,通过前后关系表现层次感; 鲜艳的色彩突出了模糊的透明度; 半透明物体边缘的微妙处理,采用细腻的边框表现玻璃质感。...这些注重空间感的典型特征,意味这种风格有助于用户建立界面的层次结构和深度。用户可以看到物体间的层次关系,哪一层在哪一层之上,就像物理空间中真实的玻璃一样。...因为它看起来像玻璃,我相信最好的叫法是:「玻璃拟态」Glassmorphism 玻璃拟态的历史 背景模糊的视觉表现方式,在 2013 年 iOS 7 系统中首次被广泛引入。...这是一个非常重大的变化,但由于当时正处于拟物态快速切换到扁平化的阶段,所有的争议焦点围绕着无衬线字体和扁平化图标的变革,背景模糊并没有受到影响,反而人们似乎很喜欢它。...观察这个窗口,看看背景照片被窗口遮挡的部分是如何表现隐约透明的玻璃质感的。我把窗口放在桌面中央,突出了背景模糊效果最明显的地方。 当然,如果你不喜欢这个风格的话,可以在系统设置中完全关闭这种效果。
它允许用户通过展开和折叠树节点来查看和管理层次化的数据。每个节点可以包含子节点,形成一个树状结构。QTreeWidget 继承自 QTreeWidget,提供了更高级的树状结构显示功能。...以下是关于 QTreeWidget 的主要特点和用法: 主要特点 树形结构: QTreeWidget 支持显示树形结构,每个节点可以包含子节点,形成一个层次化的树。...选择和操作: 提供了丰富的选择和操作功能,用户可以通过键盘或鼠标进行节点的选择、展开和折叠等操作。...以下是 QTreeWidget 类的一些常用方法的说明和概述,以表格形式列出: 方法 描述 QTreeWidget(QWidget *parent = nullptr) 构造函数,创建一个 QTreeWidget...你可以根据具体需求使用这些方法,定制 QTreeWidget 的外观和行为。
,同时省却了对OnShown的重写 解决子控件有时没有聚焦框(焦点虚线框)的问题。...注:最后的demo没更新,请重新取FloatLayerBase.cs源码就好 ------------------201508240846原文(已更新)------------------ 背景: 有时候我们需要开一个简单的窗口来做一些事...FloatLayerBase进行实现,例如下面这个接受用户输入数值的NumInputDemo实现: 样子和特点: 不会令父窗口失去焦点(不会抢焦点的层才是好层): ?...,解决系统自绘在XP下太靠边角从而覆盖边框的问题 //- 支持边缘和边角拖动改变窗体大小 //- 启用双缓冲 public class FloatLayerBase : Form...另外,原Form.SizeGripStyle照常使用,是否允许调整浮动层大小就靠它了 方法就说一下Show和ShowDialog,显然分别是用来非模式化/模式化显示浮动层的,两者在调用角度的重大区别就是
边框为部件提供了四周的框架,其border-style属性可以设置为一些内置的框架风格,如inset、outset、solid和ridge。 填充在边框和内容区域之间提供了空白间隔。...、边框和填充值都是一样的。...如果我们想创建能够随着部件大小自动缩放而不是平铺的背景,我们需要设置一种称之为“边框图片”的东东。 “边框图片”可以通过border-image属性指定,它同时提供了部件的背景和边框。...伪状态 描述 checked button部件被选中 disabled 部件被禁用 enabled 部件被启用 focus 部件获得焦点 hover 鼠标位于部件上 indeterminate checkbox...定义子部件的样式与定义部件非常相似,它们遵循前面提到的方箱模型(即 它们可以拥有自己的边框、背景等),并且也可以和伪状态联合使用(例如QSpinBox::up-button:hover)。
它允许用户通过展开和折叠树节点来查看和管理层次化的数据。每个节点可以包含子节点,形成一个树状结构。QTreeWidget 继承自 QTreeWidget,提供了更高级的树状结构显示功能。...以下是关于 QTreeWidget 的主要特点和用法:主要特点树形结构: QTreeWidget 支持显示树形结构,每个节点可以包含子节点,形成一个层次化的树。...选择和操作: 提供了丰富的选择和操作功能,用户可以通过键盘或鼠标进行节点的选择、展开和折叠等操作。...以下是 QTreeWidget 类的一些常用方法的说明和概述,以表格形式列出:方法 描述...这些方法提供了对 QTreeWidget 进行树节点管理、属性设置以及与树节点交互的控制。你可以根据具体需求使用这些方法,定制 QTreeWidget 的外观和行为。
一个窗口有两套几何参数,一套是窗口外边框所占的矩形区域,另一套是窗口客户区所占的矩形区域。所谓窗口客户区就是窗口中去除边框和标题栏用来显示内容的区域。 ...全屏方式与最大化的区别在于:全屏方式下窗口的边框和标题栏消失,客户区占据整个屏幕。窗口的各种状态仅对独立窗口有效,对窗口部件来说没有意义。 ...使能 处于使能状态的窗口才能处理键盘和鼠标等输入事件,反之,处于禁用状态的窗口不能处理这些事件。...使能状态和窗口的可见性有相似的逻辑:禁用一个窗口同 时会使它的所有子窗口成为禁用状态。 激活状态 当有多个独立窗口同时存在时,只有一个窗口能够处于激活状态。...当窗口获得或失去焦点时,将发送 QFocusEvent 事件,它有两个处理函数:forceInEvent 和 focusOutEvent,分别对应获得焦点和失去焦点。
处在禁用状态的元素不需要遵循这个规则。禁用状态的元素指的是不可点击的按钮或菜单项。不过,输入框的占位符也需要遵循这个规则。 下面的例子是来自BBC官网。...IE浏览器自带的灰色虚线边框或是Chrome自带的蓝色光晕就不是很讨人喜欢。 ? 但是,问题是大多数网站都没有建立自己的焦点样式。...这些焦点样式是“键盘用户”(只能使用键盘和网站交互的人)顺利使用网站的基础。 想体验一下不能全方位提供视觉焦点的网站?你可以直接访问Apple公司的官网—反复按“tab”键在页面中浏览。...如果你选择不使用浏览器的默认焦点,那么请用“更好”的视觉提示替换掉浏览器所提供的。 下面的?来自BBC。它使用颜色条来提示哪个链接处于焦点状态。 ?...Twitter使用默认焦点和提示的组合方式来显示焦点,图标也从灰色变成绿色。这是三个独立的视觉效果,可以很好地为键盘用户提供焦点提示。 ? 当你准备使用自己定义的焦点状态时,请记得去除默认的状态。
,和 css 的 text-align 同理。...通过 border-color 设置整个搜索组件的边框,只要配置了颜色,才会出现边框。 通过 height 设置组件高度。 通过 disabled 设置是否禁用输入框。...通过 bg-color 设置是搜索组件背景颜色。...- search 用户确定搜索时触发,用户按回车键,或者手机键盘右下角的"搜索"键时触发 value:输入框的值 - custom 用户点击右侧控件时触发 value:输入框的值 - blur 输入框失去焦点时触发...value:输入框的值 - focus 输入框获得焦点时触发 value:输入框的值 - clear 配置了 clearabled 后,清空内容时会发出此事件 - - click 1.5.3 disabled
注意:如果设置了QToolButton的背景色,那么必须还要设置边框的宽度才会起作用。这是因为QToolButton默认绘制的边框会完全遮挡住用户设置的背景色。...属性指定选定项的文本色和背景色。...注意:保证同时设置了背景色和边框宽度值。...QTreeView(QTreeWidget) show-decoration-selected属性控制选中时是选中整项还是仅仅只是项的文本, 子组件::branch和::item用于精细化控制。...但此时我们根本看不到鼠标划过的效果,因此给当前选中的菜单项一个背景色吧(rgb(234, 243, 253))。效果如何呢: ? 根据不同的需要,定制出来的外观也是千差万别的。
:root { --main-color: #3498db; } .element { color: var(--main-color); } 29.键盘导航的焦点样式 改进焦点样式以获得更好的键盘导航和可访问性...字体光学尺寸 启用或禁用字体光学尺寸调整以调整字符的间距和比例,以改善各种字体大小的视觉和谐。 p { font-optical-sizing: auto; } 83....盒子装饰打破 控制跨分段元素的边框和填充的渲染,以确保跨多行或多列分割的元素的样式一致。 .element { box-decoration-break: clone; } 89....字体功能设置 font-feature-settings 允许您启用或禁用字体中的 OpenType 功能,例如,连字、字距调整和样式替代。...图像导向 image-orientation 控制图像的方向,允许您根据需要旋转或翻转它。
"btn btn-default">div标签按钮 啊哈哈 注:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格...2、各种按钮效果: 3、各种按钮的大小: 3、按钮禁用效果: 方法1:在标签中添加disabled属性: 未禁用的按钮 4、关闭符: 关闭图标实例 × Bootstrap如何自定义按钮 bootstrap 按钮在开发中很方便。...说这么多就是为了推介一款按钮自定义神器:http://blog.koalite.com/bbg/ 简单易用,图示效果: 包括按钮名称、边框颜色、文字颜色、背景颜色等等都可以自定义,然后下面给出了代码,将代码复制到
鉴于这种垂直性,以及你可以看透它这一的事实,意味着用户可以让界面有层次和深度。用户可以看清哪一层在哪一层之上,就像虚拟的玻璃一样。...iOS 7是这种风格的鼻祖 快速删除通知成为一件有趣的事,因为你可以清楚地看到(在缓慢执行时)图标在新面板下如何淡出和模糊。...如何实现玻璃拟态(Glassmorphism):离屏幕越远透明度越低,越近透明度越高 这种效果的基础是把阴影、透明度和模糊背景结合到一起。...如何正确设置透明度 重要的是要记住一点,不管怎样,你不能让整个形状都透明,只能让它的填充透明。大多数设计工具在100%填充,对象透明度较低时,背景模糊会不起作用。。 ?...尽管这种风格的元素(比如模糊背景)已经存在了很多年,但现在正变得越来越流行,所以,仍然很多很酷的创意效果可以去探索。 ? 玻璃拟态的边框:左侧的图像是半透明的边框,而右侧的图像则是无边框。
css是一种表现语言,是对网页语言的补充。 css用于网页的风格设计,包括字体,颜色,位置等。...css中常用的伪类如下表所示: 伪类名 说明 :active 向被激活的元素添加样式 :focus 向拥有输入焦点的元素添加样式 :hover 向鼠标悬停在上方的元素添加样式 :link 向未被访问的链接添加样式...background-attachment 定义背景图片是否跟随内容滚动 background-position 定义背景图片的水平位置和垂直位置 background 可以用一条样式定义各种背景属性...设置是否显示表格中空单元格上的边框和背景 table-layout 设置用于表格单元格列宽的设置方式 盒模型 css盒模型,包含元素内容 content,内边距 padding,...css内边距属性,元素的内边距在边框和内容之间。
领取专属 10元无门槛券
手把手带您无忧上云