文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Qt开源作品6-通用视频控件

通用视频控件功能： 可设置边框大小 可设置边框颜色 可设置两路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 !

93620

Flutter 全栈式——基础控件

在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 当前开关状态

5K40
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    从0开始编写一个开关组件

    你可能会立即注意到，它看起来与人们所期望的iOS开关并不完全一样，主要是因为我们对它应用了一些可访问性和可用性的最佳实践。...我通过清除背景、亮化边框和文本来实现变灰显示方法。虽然一个禁用的控件无法接收焦点，但我们可以悬停在该控件上，以便我们想要撤消这些样式。 ? 不确定的状态 复选框有第三种状态(开关控件没有)。...在本例中，只需将拇指指甲形状移动到中间并选择一个中性的背景颜色即可。因为我们已经为禁用的复选框处理了颜色，所以我们不需要为禁用的不确定情况做任何特殊的事情。 ?...绿色仍然有好的对比度(6.2:1)，但是我需要改变获得焦点/悬停文本的蓝色，我把边框和背景颜色调亮一点(#808080)，以获得4.8:1的对比度。...你可以看到针对禁用状态和不确定状态的其他一些调整，以及我在获得焦点/悬停上使用的SVG。 ? ? 将Wifi复选框选中并在暗黑模式下运行时，在Firefox67（开发者版本）中所看到的开关。

    3.3K20

    【愚公系列】2023年11月 Winform控件专题 Button控件详解

    和Padding都是控件的属性，用于控制控件边框和内容之间的空间。...当控件启用时，用户可以与其进行交互，否则它将处于禁用状态，不能与用户进行交互。例如，如果你有一个Button控件，当你设置Button的Enable属性为false时，按钮将被禁用，用户将不能点击它。...4.设置完成后，在设计时预览窗体即可看到背景图像效果。需要注意的是，在设置窗体背景图像时，应选择合适的图像分辨率和大小，以避免影响窗体的显示效果和性能。...通过FlatAppearance属性，可以改变控件的背景色、前景色、边框颜色和边框样式等。以下是FlatAppearance属性的一些常用属性和方法：BackColor属性：控件的背景色。...如果用户名和密码匹配，则显示“登录成功”的提示信息；否则显示“用户名或密码错误”的提示信息。这个示例展示了Button控件的基本用法，并说明了如何将它与其他控件结合使用来实现具体的功能。

    4.8K12

    前端该如何实现

    它最典型的特征是： 透明度（使用背景模糊的磨砂玻璃效果）； 物体漂浮在空间中，通过前后关系表现层次感； 鲜艳的色彩突出了模糊的透明度； 半透明物体边缘的微妙处理，采用细腻的边框表现玻璃质感。...这些注重空间感的典型特征，意味这种风格有助于用户建立界面的层次结构和深度。用户可以看到物体间的层次关系，哪一层在哪一层之上，就像物理空间中真实的玻璃一样。...因为它看起来像玻璃，我相信最好的叫法是：「玻璃拟态」Glassmorphism 玻璃拟态的历史 背景模糊的视觉表现方式，在 2013 年 iOS 7 系统中首次被广泛引入。...这是一个非常重大的变化，但由于当时正处于拟物态快速切换到扁平化的阶段，所有的争议焦点围绕着无衬线字体和扁平化图标的变革，背景模糊并没有受到影响，反而人们似乎很喜欢它。...观察这个窗口，看看背景照片被窗口遮挡的部分是如何表现隐约透明的玻璃质感的。我把窗口放在桌面中央，突出了背景模糊效果最明显的地方。 当然，如果你不喜欢这个风格的话，可以在系统设置中完全关闭这种效果。

    94020

    从零开始的Qt开发指南（六）Qt 常用控件之 QWidget（下）：从交互细节到颜值定制，打造专业级界面

    前言 在上一篇文章中，我们已经掌握了 QWidget 的基础属性，比如控制控件启用禁用的enabled、管理位置尺寸的geometry，还有给窗口加 “名字” 和 “头像” 的windowTitle...； toolTip：鼠标悬停时显示的提示信息，提升用户体验； focusPolicy：管理控件如何获取焦点，确保键盘操作正常； styleSheet：用 CSS 语法美化控件，实现个性化界面。...focusPolicy属性控制控件如何获取焦点，避免出现 “按键盘没反应” 的尴尬场景。...语法，支持给控件设置背景色、边框、圆角、渐变等样式，让 Qt 界面从 “朴素” 变 “精致”。...6.4 实战 2：实现 “日间 / 夜间模式” 切换 用 QSS 实现模式切换是开发中的常见需求，我们通过两个按钮控制窗口在 “日间模式”（浅色背景、深色文本）和 “夜间模式”（深色背景

    50412

    C++ Qt开发：Tab与Tree组件实现分页菜单

    它允许用户通过展开和折叠树节点来查看和管理层次化的数据。每个节点可以包含子节点，形成一个树状结构。QTreeWidget 继承自 QTreeWidget，提供了更高级的树状结构显示功能。...以下是关于 QTreeWidget 的主要特点和用法： 主要特点 树形结构： QTreeWidget 支持显示树形结构，每个节点可以包含子节点，形成一个层次化的树。...选择和操作： 提供了丰富的选择和操作功能，用户可以通过键盘或鼠标进行节点的选择、展开和折叠等操作。...以下是 QTreeWidget 类的一些常用方法的说明和概述，以表格形式列出： 方法 描述 QTreeWidget(QWidget *parent = nullptr) 构造函数，创建一个 QTreeWidget...你可以根据具体需求使用这些方法，定制 QTreeWidget 的外观和行为。

    2.2K21

    鸿蒙组件通用属性深度解析：从基础样式到高级定制的全场景指南

    统一内边距响应式设计最佳实践优先使用vp单位（1vp=1px on 360dpi 屏幕）复杂布局采用width('100%')配合内边距实现适配列表项高度使用matchParent保持一致性2.2 色彩与边框样式系统基础配置方案背景系统....borderRadius(22) // 圆角按钮进阶视觉技巧渐变色背景：通过linearGradient实现流体视觉效果分割线优化：使用Divider组件配合margin替代边框分割阴影层次...：focusable()配合opacity()实现视觉反馈目前没有直接禁用输入的属性，只能通过focusable属性让组件是否获焦，该属性为false时没有焦点，就不能输入了。...（边框颜色变化）登录按钮带渐变色背景与加载动画全设备尺寸适配（手机 / 平板 / 折叠屏）6.2 核心实现代码@Entry@Componentstruct LoginPage { @State username...'#007DFF' : '#E5E5E5' }) // 焦点状态边框变色 .borderRadius(22) .onFocus(() => this.isFocused

    41400

    28.Harmonyos Next仿uv-ui 组件NumberBox 步进器组件样式定制

    组件介绍NumberBox步进器组件提供了丰富的样式定制选项，允许开发者根据应用的设计风格自定义组件的外观。...本文将详细介绍如何在HarmonyOS NEXT中定制NumberBox步进器的样式，包括按钮颜色、图标颜色、尺寸等方面。2. 效果展示3....聚焦状态：输入框聚焦时，边框颜色会变为按钮颜色，提供视觉反馈。边界值状态：当值达到最小值或最大值时，相应的按钮会变灰并禁用。...样式定制不仅可以使组件更好地融入应用的整体设计风格，还可以提升用户体验和交互效果。在实际应用中，应根据具体的设计需求选择合适的样式配置，并注意与应用的整体风格保持一致。...同时，样式定制也应考虑到不同状态下的视觉反馈，确保用户能够清晰地理解组件的状态和操作方式。在下一篇文章中，我们将介绍NumberBox组件的自定义图标功能，包括如何设置自定义的加减按钮图标。

    85800

    CSS伪类选择器全解析：让你的样式更加灵活和智能

    本篇博客将详细讲解CSS中的常见伪类选择器，包括其语法、应用场景和注意事项。 一、什么是伪类选择器？ 伪类是CSS中用于选中元素特定状态或特定条件下的特殊选择器。...:not(selector) —— 非选择器 :not()是一个非常实用的伪类，它选中不匹配指定选择器的元素。它是CSS中唯一一个能够选择不匹配条件的伪类，广泛应用于排除特定元素。...:disabled —— 禁用状态 :disabled用于选中被禁用的表单元素。... input:disabled { background-color: #e0e0e0; } 禁用的输入框背景色变为灰色。 3....结合使用多个伪类选择器 你可以将多个伪类选择器组合在一起，增加选择的精确度。例如，选中同时满足:hover和:focus状态的元素。

    16100

    【C#】分享一个弹出容器层，像右键菜单那样召即来挥则去

    ，同时省却了对OnShown的重写 解决子控件有时没有聚焦框（焦点虚线框）的问题。...注：最后的demo没更新，请重新取FloatLayerBase.cs源码就好 ------------------201508240846原文（已更新）------------------ 背景： 有时候我们需要开一个简单的窗口来做一些事...FloatLayerBase进行实现，例如下面这个接受用户输入数值的NumInputDemo实现： 样子和特点： 不会令父窗口失去焦点（不会抢焦点的层才是好层）： ?...，解决系统自绘在XP下太靠边角从而覆盖边框的问题 //- 支持边缘和边角拖动改变窗体大小 //- 启用双缓冲 public class FloatLayerBase : Form...另外，原Form.SizeGripStyle照常使用，是否允许调整浮动层大小就靠它了 方法就说一下Show和ShowDialog，显然分别是用来非模式化/模式化显示浮动层的，两者在调用角度的重大区别就是

    3.5K20

    C++ Qt开发：Tab与Tree组件实现分页菜单

    它允许用户通过展开和折叠树节点来查看和管理层次化的数据。每个节点可以包含子节点，形成一个树状结构。QTreeWidget 继承自 QTreeWidget，提供了更高级的树状结构显示功能。...以下是关于 QTreeWidget 的主要特点和用法：主要特点树形结构： QTreeWidget 支持显示树形结构，每个节点可以包含子节点，形成一个层次化的树。...选择和操作： 提供了丰富的选择和操作功能，用户可以通过键盘或鼠标进行节点的选择、展开和折叠等操作。...以下是 QTreeWidget 类的一些常用方法的说明和概述，以表格形式列出：方法 描述...这些方法提供了对 QTreeWidget 进行树节点管理、属性设置以及与树节点交互的控制。你可以根据具体需求使用这些方法，定制 QTreeWidget 的外观和行为。

    1.6K21

    Qt 常用类 （9）—— QWidget

    一个窗口有两套几何参数，一套是窗口外边框所占的矩形区域，另一套是窗口客户区所占的矩形区域。所谓窗口客户区就是窗口中去除边框和标题栏用来显示内容的区域。        ...全屏方式与最大化的区别在于：全屏方式下窗口的边框和标题栏消失，客户区占据整个屏幕。窗口的各种状态仅对独立窗口有效，对窗口部件来说没有意义。        ...使能         处于使能状态的窗口才能处理键盘和鼠标等输入事件，反之，处于禁用状态的窗口不能处理这些事件。...使能状态和窗口的可见性有相似的逻辑：禁用一个窗口同 时会使它的所有子窗口成为禁用状态。         激活状态         当有多个独立窗口同时存在时，只有一个窗口能够处于激活状态。...当窗口获得或失去焦点时，将发送 QFocusEvent 事件，它有两个处理函数：forceInEvent 和 focusOutEvent，分别对应获得焦点和失去焦点。

    4.3K10

    鸿蒙PC UI控件库 - TextButton 文本按钮详解

    与 PrimaryButton 和 SecondaryButton 的主要区别在于： PrimaryButton：实心背景，用于主要操作 SecondaryButton：边框样式，用于次要操作 TextButton...：无背景，仅文字，用于链接或最次要的操作 设计理念 文本按钮采用极简设计，具有以下特点： 视觉轻量：无背景、无边框，视觉权重最低 链接风格：类似超链接，适合导航和跳转 灵活定制：支持下划线、自定义颜色等...A: 主要区别在于视觉样式和适用场景： PrimaryButton：实心背景，用于主要操作 SecondaryButton：边框样式，用于次要操作 TextButton：无背景，仅文字，用于链接或最次要的操作...A: 下划线用于明确的链接操作： 使用下划线：导航链接、跳转链接、详情链接 不使用下划线：次要操作按钮、取消按钮 Q3: 如何自定义按钮颜色？...总结 TextButton 是控件库中的文本按钮组件，具有以下核心特性： 视觉轻量：无背景设计，视觉权重最低 链接风格：支持下划线，适合导航和跳转 功能完整：支持图标、加载、禁用等多种状态 尺寸灵活：三种尺寸满足不同场景需求

    19610

    【QT】常用控件（四）

    accelerated 按下按钮是否快速调整 correctionMode 输入错误如何修正 keyboardTrack 是否开启键盘跟踪 对于buttonSymbol，有三种模式： UpDownArrows...，关闭只有在按下enter和失去焦点的时候才能值修改触发信号 spinbox 5、Date Edit 和 Time Edit QDateEdit 调日期 QTimeEdit 调时间 QDateTimeEdit...来说，顶层节点是除掉头节点以外的第一层节点 QTreeWidget 七、容器类控件 1、Group Box 属性 说明 title 分组框的标题 alignment 分组框内部内容的对齐方式 flat...左侧边框 layoutRightMargin 右侧边框 layoutTopMargin 上方边距 layoutBottomMargin 下方边框 layoutSpacing 相邻元素之间的间距 2、...下方边框 layoutSpacing 相邻元素之间的间距 垂直布局和水平布局是可以相互嵌套的，通过它们的相互配合可是实现更好的效果 在实现完成后，我们拖动边框发现按钮的大小是可以通过窗口的变化来变化的

    1.1K10

    关于无障碍设计的七件事

    处在禁用状态的元素不需要遵循这个规则。禁用状态的元素指的是不可点击的按钮或菜单项。不过，输入框的占位符也需要遵循这个规则。 下面的例子是来自BBC官网。...IE浏览器自带的灰色虚线边框或是Chrome自带的蓝色光晕就不是很讨人喜欢。 ? 但是，问题是大多数网站都没有建立自己的焦点样式。...这些焦点样式是“键盘用户”（只能使用键盘和网站交互的人）顺利使用网站的基础。 想体验一下不能全方位提供视觉焦点的网站？你可以直接访问Apple公司的官网—反复按“tab”键在页面中浏览。...如果你选择不使用浏览器的默认焦点，那么请用“更好”的视觉提示替换掉浏览器所提供的。 下面的?来自BBC。它使用颜色条来提示哪个链接处于焦点状态。 ?...Twitter使用默认焦点和提示的组合方式来显示焦点，图标也从灰色变成绿色。这是三个独立的视觉效果，可以很好地为键盘用户提供焦点提示。 ? 当你准备使用自己定义的焦点状态时，请记得去除默认的状态。

    4.2K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券