曾几何时，我们都在黑框框下度过，我们受够了被黑框框支配的恐惧，想要跳出去，去看看外面，我们听够了类似于界面只是皮肤，背后的代码才是王道的话语，当你觉得黑框框已经满足不了你的时候，我觉得，你是时候做出一些改变了。如果你是学习C++的，我想qt可以作为你进入界面的一条选择，这篇文章，我们不讲函数，不讲类，总之就是不讲代码，我们来讲讲代码之外，聊一聊关于怎么布局，怎么用qt做出一个漂亮的界面❤️。 我在一篇讲布局博文下面看到这样一句评论：为什么非要布局，直接自己摆不是更好吗？我相信很多刚接触布局的同学，都有这种想法，当然，当初的我和你们拥有一样的想法，但是现在，这种想法我不敢再有。之所以会说出这句话，要么是刚接触界面，要么是随手点了进来，阿巴阿巴看完评论了一句。刚开始接触界面，布局确实不是那么重要，我们的软件（都称不上是软件，就是一个空壳子）一共也没几个组件，两个按钮？三个文本框？刚接触的时候，你是否考虑过软件大小随意变化的问题，你是否考虑过后期添加组件，随着我们的软件越来越庞大，让组件自动分配空间显的尤为重要。
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍QPushButton按钮组件的常用方法及灵活运用。
很多人应该和我一样，想做界面才接触的Qt，结果就是做不出来华丽的界面，想给控件上个色？不会，百度半天，好不容易给控件添加了背景色，下一个控件又不会了，别急，这次福利来了，我将平时用到的样式表做了一个总结，并做了一个一键生成，调节数据就可以实时显示，里面包括了Label，LineEdit，PushButton，CheckBox，RadioButton，ScrollBar，Slider，Progressbar，Tabwidget，ToolBox，TabWidget控件的自定义。代码很简单，就是重复写槽函数，但其对于新手的学习很有帮助，避免了盲目，大量的通过百度数据拼接样式表。一来方便学习，所以参数都写在左下角，方便了解到使用了什么生成了什么，二来不用重复造轮子，调节后，可直接将左下角生成的QSS代码复制到qt的样式表里面即可显示效果。可能有一些人会说这是一种偷懒，让人逐渐不想学习，只能说智者见智仁者见仁吧。
Qt样式表是一个可以自定义部件外观的强大机制，样式表的概念、术语、语法均受到HTML层叠样式表(CSS)的启发。
QSS即Qt样式表，是用来自定义控件外观的一种机制，QSS大量参考了Css的内容，但QSS的功能要比Css弱得多，体现在选择器少，可以使用的QSS属性也少，而且并不是所有的属性都可以应用在PyQt的控件上，QSS使页面美化跟代码层分开，利于维护
本例涉及到QWidget类样式表(StyleSheet)的应用和QFrame类边表框和样式的设置。QWidget类及其子类包含所有可显示的控件；QFrme子类包含QAbstractScrollArea, QLabel, QLCDNumber, QSplitter, QStackedWidget 和 QToolBox。本例仅以QLable作为例子讲解。
前两次和大家分享了Qml绘制仪表盘、Qt自定义控件绘制仪表盘，我是更倾向使用Qml这种方式的。自定义控件使用到了定时器，如果有多个控件的话，那岂不是要使用很多定时器？还有就是对于界面前端本身不是要花特别多精力的地方，掌握通用的几种方法就好。
这个控件一开始打算用样式表来实现，经过初步的探索，后面发现还是不够智能以及不能完全满足需求，比如要在此控件设置多个角标，这个用QSS就很难实现，后面才慢慢研究用QPainter来绘制，我记得当时接到这个定制控件任务的时候是2016年，那时候对QPainter的使用还不是很熟悉，也就是从此控件开始，逐步研究QPainter的绘制，把所有的内置函数都使用一遍，最终用的越来越熟悉，使得后来到了心中有坐标，万物皆painter的境界，可能就像武林中所说的打通了任督二脉吧。
1. 通过使用QPalette调色板设置后置背景颜色。 #include <QWidget> #include <QPalette> #include <QApplication> int main(int argc, char **argv) { QApplication a(argc, argv); QWidget w; w.resize(100, 100); QPalette palette(w.palette()); palette.setColor(QPa
样式表示例显示了如何使用Qt样式表设置窗口小部件的样式。您可以通过选择"File" >"Edit Style"来打开样式编辑器，以选择现有样式表或设计自己的样式并加载它。
上一次和大家聊了聊Qt的三大基类，信号和槽的使用以及重新实现一些事件等话题。如果在学习Qt之前有一定的C语言编程，可能对响应界面操作还会有些不习惯。这次聊一聊Qt的中高级功能。
首先说方法，在给widget或者frame或者其他任何类型的控件添加背景图时，在样式表中加入如下代码，指定某个控件，设置其背景。
今天就简单简单写个自定义对话框分享给大家。 演示 上代码！ 自定义对话框的使用： #include <QApplication> #include <QDebug> #include "Dialog
颜色按钮面板主要用在提供一个颜色按钮面板，用户单击某个按钮，然后拿到对应的颜色值，用户可以预先设定常用的颜色集合，传入到控件中，自动生成面板颜色集合按钮，每当滑过按钮的时候，按钮边缘高亮提示当前所在颜色的按钮，当选中某个按钮时，右侧颜色条显示当前选中的颜色，此控件功能极其简单，直接采用动态生成按钮的方式，设置按钮的样式表来设置对应的颜色和高亮边框等，单击按钮发出颜色改变信号即可，对外提供该信号就行，非常适合初学者学习。
PyQt 提供了多种按钮类，用于创建各种类型的按钮。这一部分将打算介绍一下 PyQt 各种 Button 及相关类，并扩展 Button 的功能用法，让你能够打造自己的个性化 Button 。在下面，我先来介绍 PyQt 中常用的按钮类及其主要特点：
首先声明，本文并非原创，纯属搬运，内容来自一位叫做飞扬青春的大神的Gitee主页，主要是为了收藏下面介绍的100多个Qt开发经验。比如qss的ANSI编码、嵌套窗口中主窗口无法接收鼠标移动事件等，又比如我用qss设置窗口样式，但是项目每次重新构建以后，样式表就会不生效等问题，也花了自己不少时间去解决，所以在这里转发大神的经验，留作以后参考和逐条的研究，也分享给更多正在学习Qt或者正在使用Qt进行程序开发的朋友们。
广告轮播这个控件做的比较早，是很早以前定制一个电信客户端时候用到的，该客户端需要在首页展示轮播预先设定好的图片，图片的路径可以自由设定，然后轮播的间隔速度可以自由控制，同时该控件还需要提供两种指示器的风格，一种是迷你型的样式，一种是数字型的样式。
最近在看《Qt5.9 C++开发指南》这本书，这本书可以从异步社区上下载源代码，不过需要注册有点麻烦：
QSS子控件实际上也是一种选择器，其应用在一些复合控件上，典型的如QComboBox，该控件的外观是，有一个矩形的外边框，右边有一个下拉箭头，点击之后会弹出下拉列表，例如：
最近在学习QT GUI，单纯使用C++硬编码的方式，直接是采用QWidget部件来做，而不是采用QT Designer做UI界面，也不是采用QML+Javascript。单纯使用C++硬编码的方式，缺点就是代码量大，优点是灵活。其中用到了类似于Web开发中的CSS的QT样式表QSS。
飞行仪表是测定和表示飞机数据的工具，飞机中必不可少的一部分，飞行员根据飞行仪表表示的数据才能正确地做出判断。一般飞机仪表包括高度表+空速表+垂直速率表+姿态仪+航向指示表+转弯协调表。
导读 一款流行的软件，往往会在功能渐趋完善的时候，通过改善交互界面来提高用户体验。毕竟，就算再牛逼的产品，躲藏在糟糕的用户界面之后总会让用户心生不满。界面设计需综合考虑审美学、心理学、设计学等
Qt的一些控件(QPushButton，QCheckBox，QRadioButton等等)通过点击鼠标或切换方向键获得的焦点后会出现边框线，非常影响美观，本文通过设置样式表去除边框线。 如图 样式表
导读 正如web前端开发中CSS（Cascade Style Sheet）的作用一样，Qt开发中也可以使用修改版的QSS将逻辑业务和用户界面进行隔离。这样，美工设计人员和逻辑实现者可以各司其职而不受干扰。更重要的是，由于界面和逻辑处理是分离的，低耦合性使得代码重构的工作量可以减少到最小。QSS和CSS的语法几乎一致，除了Qt自身增加的一些属性之外，其余的属性都可以在CSS2或CSS3中找到对应的属性。因此，如果曾经有过CSS的使用经验，那么QSS的使用将游刃有余。关于QSS的使用实践，打算撰写一系
不能播放gif，太大了，给个静态图片吧，实际上桌面壁纸是动态的，人物也是动态的，可自定义桌面壁纸，有默认的数字时钟壁纸
Fdog系列（三）：使用腾讯云短信接口发送短信，数据库写入，部署到服务器，web收尾篇。
一、运行效果 📷 二、核心代码 class Widget : public QWidget { Q_OBJECT public: Widget(QWidget *parent = nullptr); ~Widget(); protected: void paintEvent(QPaintEvent *p); ................. } Widget::Widget(QWidget *parent) : QWidget(parent)
Qt中的动态换肤技术是非常一流的，直接调用qApp->setStyleSheet(qss);就可以对整个应用程序进行换肤，如果样式表内容不多，或者对应的贴图不对，效率还是蛮好的，不过据说有些人写了几千行的样式表，加载起来能够明显感觉卡顿，毕竟此时全部刷新加载重绘，是非常耗CPU的，这种情况就需要避免尽量统一样式表，能合并的就合并，当然，在性能比较好的电脑上，这个基本上遇不到的，也感觉不到的，好比现在的手机相比于十年前的手机，现在动不动都6GB内存了，比起以前256MB内存的时候，不知道爽了多少倍，软件上已经优化不了的事情，靠硬件升级到来的优化体验还是非常棒的。
在QTreeView等继承于QAbstractItemView表格中，定制表格样式通常都是通过设置项目代理（ItemDelegate）来实现。在这种实现方法中，每个项目（Item）基本上是孤立的，无法有效判断己身周遭环境。 如果以此种方法来实现圆角样式，行首或许还能通过方法int QModelindex::column()来判断是否属于第一列来断定，然而行尾难道还要通过QAbstractItemModel QModelindex::*model()获取模型（Model）之后再来判断吗？且视图（View）本身可以隐藏、拖拽指定行、列，所以这种方式并不靠谱。 更正： QStyleOptionViewItem提供了获取可视项目位置的接口，可通过
弹出的子窗口要顶置在最前面，播放指定的动画，不能有任务栏图标，不能影响鼠标操作窗口背后的其他界面。 （相当于桌面动画效果）
LineEdit提 供一个文字输入栏位，可以输入文字或数字，我们可以对输入作验证，或是设定为一般显示、密码显示等等，以下的程式是个简单的设定示范：
本篇将介绍调色板QPalette的应用和文本对齐的设置，还涉及到字体QFont的设定。
很多时候需要有一个控件，能够替代容器控件，自动容纳多个widget，自适应宽高，然后提供滚动条功能，这就必然需要用到QScrollArea控件，可设置各个子面板的间距等，也在很多系统中用到，比如温湿度设备面板，有几百个温湿度设备，需要一个容器放置，自动产生滚动条，可以设置面板的固定宽高或者自适应拉伸，其实就是放了表格布局+弹簧来设置。
这个控件主要是模仿QColorDialog对话框中的颜色选取面板，提供一个十字形状的标识器，鼠标按下开始选取颜色，移动到哪就选择该处的颜色值，对应右侧颜色条放大显示，本控件的难点就是如何绘制一个边缘框限定鼠标只能在此框中移动，还有一个就是如何绘制颜色渐变的背景颜色集合，这里采用的是对每一个像素的高度区域设置不同的开始颜色+中间颜色+结束颜色，作为渐变颜色，然后设置QLinearGradient作为画笔的颜色进行绘制，其实就是假设宽度是100，其实是绘制了100条垂直方向的竖线而形成的效果。在绘制画布的时候，可以将其绘制到一个pixmap上，这样也方便待会鼠标移动时候直接取该pixmap的某个像素点的颜色值。
1 # -*- coding:utf-8 -*- 2 ''' 3 Created on Sep 20, 2018 4 5 @author: SaShuangYiBing 6 7 Comment: 8 '' 9 import sys 10 from PyQt5.QtGui import QColor 11 from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QFrame 12 13 class New_test(
导读 组合框是一个重要且应用广泛的组件，一般由两个子组件组成：文本下拉单部分和按钮部分。在许多既需要用户选择、又需要用户手动输入的应用场景下，组合框能够很好的满足我们的需求。如我们经常使用的
基于QT的仪表盘有很多种办法，比如使用QWT或Echart组件，或者基于QT的绘图功能绘制，或者基于美工提供的图片的基础上增加动态效果。然而搞明白QT自定义控件的绘图后，这种实现是最简单的。且定制度高，想要什么效果就可以自己绘制个。这里介绍下Qt自定义控件之仪表盘的完整实现。
在最基本的形式和形状中，“计算机视觉”是一个术语，用于标识用于使数字设备具有视觉感觉的所有方法和算法。 这意味着什么？ 好吧，这就是听起来的确切含义。 理想情况下，计算机应该能够通过标准相机（或与此相关的任何其他类型的相机）的镜头看到世界，并且通过应用各种计算机视觉算法，它们应该能够检测甚至识别并计数人脸。 图像中的对象，检测视频馈送中的运动，然后执行更多操作，这些操作乍一看只能是人类的期望。 因此，要了解计算机视觉的真正含义，最好知道计算机视觉旨在开发方法以实现所提到的理想，使数字设备具有查看和理解周围环境的能力。 值得注意的是，大多数时间计算机视觉和图像处理可以互换使用（尽管对这个主题的历史研究可能证明应该相反）。 但是，尽管如此，在整本书中，我们仍将使用“计算机视觉”一词，因为它是当今计算机科学界中更为流行和广泛使用的术语，并且因为正如我们将在本章稍后看到的那样，“图像处理”是 OpenCV 库的模块，我们还将在本章的后续页面中介绍，并且还将在其完整的一章中介绍它。
工程下载地址: https://download.csdn.net/download/xiaolong1126626497/21043499
到了9102年了，现在智能手机不要太流行，满大街都是，甚至连爷爷奶奶级别的人都会用智能手机，本次要写的控件就是智能手机中的电池电量表示控件，采用纯painter绘制，其实也可以采用贴图，我估计大部分手机上的都是采用贴图的形式，贴图有个好处就是程序员不用操心，drawimage即可，速度非常快。
上面的代码把控件对应的变量名全部作为全局变量。如果要设计稍微复杂一些的程序，就会出现太多的控件对应的变量名。而且这样也不利于代码的模块化。所以，我们通常应该把 一个窗口和其包含的控件，对应的代码全部封装到类中，如下所示：
多态进度条，顾名思义，有多重状态，其实本控件主要是用来表示百分比进度的，由于之前已经存在了百分比进度条控件，名字被霸占了，按照先来先得原则，只好另外取个别名叫做多态进度条，应用场景是，某种任务有三种状态，比如正常状态、警戒状态、报警状态，这三种状态都分别有一个占比，需要用不同的颜色表示，这样就衍生出了此控件，类似于堆积图。接下来节假日四天，可以全身心投入研发还未完工的大屏UI程序，基础控件部分+二级界面部分都已经做好，现在专心整合到主界面和打通数据流（采用数据库采集+网络采集两种方式）。多态进度条也是为了此项目特意定制的。
这个IP地址输入框控件，估计写烂了，网上随便一搜索，保证一大堆，估计也是因为这个控件太容易了，非常适合新手练手，一般的思路都是用4个qlineedit控件拼起来，然后每个输入框设置正则表达式过滤只能输入3位数字，然后安装事件过滤器识别回车自动跳到下一个输入框。关于如何设置正则表达式过滤，这个可以搜索查到，本人也不大懂这个规则，貌似还有专门的书籍专门介绍正则表达式，可能这块非常强大。
GridView 样式美化及应用摘要：ASP.NET 4.0中GridView控件主要用于显示数据库的查询结果。文中对GridView控件的样式美化进行了研究，探讨了GridView控件在应用过程中的自动排序及动态添加列等功能，并给出了其实现方法。经过系统的应用与实践验证，基本实现了预期的效果。
这个控件没有太多的应用场景，主要就是练手，论美观的话比不上之前发过的一个图片时钟控件，所以此控件也是作为一个基础的绘制demo出现在Qt源码中，我们可以在Qt的安装目录下找到一个时钟控件的绘制，甚至还有qml版本，本控件无非就是一个仪表边框加上时钟分钟刻度再加上时分秒指针，打完收工，我是在此基础上增加了可以设置各种颜色，然后鼠标右键可设置四种效果 普通效果/弹簧效果/连续效果/隐藏效果，弹簧效果的意思是秒钟走动的时候，先移动到超过指定位置，然后又重新弹回来，连续效果的意思是将步长减少，一点点的移动，将秒钟的定时器精度调高。还有一个新增的功能是内置了设置系统时间公共槽函数,支持任意操作系统。
上次在写可视化数据大屏电子看板项目的时候，为了逐步移除对QChart的依赖（主要是因为QChart真的太垃圾了，是所有Qt的模块中源码最烂的一个，看过源码的人没有一个不吐槽，不仅不支持10W级别的数据量曲线展示，居然一个饼图控件，文字部分的展示还用QLabel来显示的，这么低效率的方式都有），起初曲线图和柱状图等都用QCustomPlot替代了，就剩一个饼图需要自己用无敌的QPainter来绘制了，绘制对应的背景区域难度不大，稍微会用QPainter的人都可以实现，用的就是drawPie绘制即可，关键是如何在自己所在的区域绘制对应的文字和百分比，这个需要找到对应区域，然后找到合理的位置摆放文字，这个可能就需要用到一点数学知识了，从圆中心开始，给定对应的角度，对应的偏离值，计算偏离值对应的中心点坐标，此坐标作为绘制文字区域的中心，然后四周扩散一定的距离即可。
中文输入候选栏ChineseWidget使用QListWidget和样式表实现：
按钮进度条，顾名思义，表面上长得像一个按钮，单击以后切换成进度条指示按钮单击动作执行的进度，主要用在一些需要直接在按钮执行动作显示对应进度的场景，在很多网页中经常看到这种效果，这个效果有个优点就是直接在原地显示进度条，不占用其他位置，然后提供各种颜色可以设置。近期大屏电子看板程序接近尾声了，文章末尾贴出几张动图效果。
在之前的一篇文章中写过一个通用的移动控件，作用就是用来传入任意的widget控件，可以在父类容器中自由移动。本篇文章要写的是一个通用的无边框类，确切的说这不叫控件应该叫组件才对，控件是要看得见的东西，有绘制需求的，而这个需要依附在控件上。在我们平时做的项目中，为了U界面的美观，很多会采用自定义无边框窗体来处理，自己美化标题栏等，都会面临一个相同的问题，就是设置好自定义无边框窗体以后，要自己处理窗体的移动和拉伸，如果有多个无边框窗体，很多人会想到每个地方都写重复的代码来实现移动或者拉伸，何不封装一个类来完成这个功能呢，直接传入窗体即可。在QDialog窗体中可以通过设置一个属性sizeGripEnabled来实现右下角的拉伸，这个还不足以满足所有的需求，很多时候我们还需要在四个角和上下左右都能拉伸大小，这个就需要重写了，安装事件过滤器，识别到鼠标移动到某个区域，鼠标形状自动变化，然后识别是否已经按下，按下的话做对应的处理，对应的处理核心就是重新设置窗体的XY轴坐标和大小。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
