【Qt】样式美化

最新推荐文章于 2024-03-11 18:00:00 发布
最新推荐文章于 2024-03-11 18:00:00 发布
阅读量529 收藏 8
点赞数 2
分类专栏： Qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48180029/article/details/116504509
版权

StyleSheet使用总结

使用Qss设置QT程序界面的样式和皮肤

40个Qt学习小案例

QSS语法

background-color:rgb(6, 168, 255);　　　 背景色

color:red;　　　　　　　　　　　　 　　 字体颜色

border-radius:5px; 　　　　　　　　　　 边框圆角半径

border:2px solid green;　　　　　　　　　边框2像素，实现，绿色

font:10pt;　　　　　　　　　　　　　　　字体大小10

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

padding（填充）
在这里插入图片描述
下面的内容应该属于布局内容的，考虑这节内容太少了，就放这里了
在这里插入图片描述

计算器样式
下面很多样式是参考上面的文章
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

繁星伴晚安
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Qt 之 QSS（黑色炫酷）
青春不老，奋斗不止！
07-22 8万+
黑色炫酷 - 一款漂亮的QSS风格。
QT动态切换样式，几种好看的样式风格
05-28
1、QT动态切换样式； 2、几种好看的样式风格
Qt样式表、QSS、QT界面美化、Qt框架、Qt5、Qt编程
12-16
Qt是由Qt Company开发的主流跨平台的漂亮绚丽的用户界面应用程序开发的C++框架。Qt是面向对象的框架、容易扩展，并且允许真正地组件编程，既可以开发GUI程序，也可用于控制台工具和服务器。其跨平台集成开发环境Qt Creator 全面支持Windows ，mac、Linux、iOS、Android、WP等。Qt样式表(Qt  Style Sheet)Qt框架受HTML中的层级样式表(Cascading Style Sheets,CSS)的启发，产生了QSS， QSS用于定义各种界面组件(QWidget类及其子类)的外观样式，从而使Qt界面呈现绚丽漂亮的换肤效果。 本课程主要帮助学员熟练掌握Qt 5框架下的样式表、界面美化，通过Qt控件的界面美化案例的详细讲解演示，使用Qt框架做出各种绚丽的界面效果、迅速帮助学员达到企业级Qt开发工程师的能力！ 适合希望达到企业级Qt框架开发水平的童鞋，希望Qt编程能力大幅度提升的童鞋！
Qt6.5实战：学会使用字体图标，美化Qt程序UI界面
最新发布
20YC编程
03-11 577
Qt支持显示字体图标，学会使用字体图标，程序员可以在没有美工的情况下，开发出漂亮美观的UI界面。本示例通过详细步骤和代码，讲解如果在Qt中使用字体图标的功能。
QT中使用QSS进行界面美化及很好的QSS样式表
哲学天空的博客
05-03 2万+
一、使用QSS进行界面美化 在qt编辑器中选择窗口----> 改变样式表 —> 输入qss样式代码，可以控制qss对应窗口控件样式，右击 某个控件----> 改变样式表 —>输入qss样式代码，可以控制这个控件的样式。如下： 原来的界面： 加入QSS样式的界面： 二、 很好的QSS样式表 1.https://github.com/GTRONICK/QSS 2. 自...
发布十几套Qt精美皮肤（Qt使用QSS进行界面美化）
weixin_41749063的博客
07-17 2万+
1.CSS样式表 QPushbutton按钮样式 样式1 QPushButton { min-height: 24px; min-width: 60px; border: 1px solid #BEBEBE; border-radius: 15px; padding: 2px 12px; background:#F5F5F5; } QPushButton:hover{ color:#FFFFFF; border:none; background-
QT美化界面源代码-C++代码类资源
05-06
qt做的美化界面，任意QT版本可编译通过，使用qss资源包制作。 1：无边框窗体，自定义标题栏，鼠标拖动，大小缩放，双击切换。 2：除了少量的几个图片资源外，几乎使用QSS写完所有颜色样式控制。 3：自定义一个...
Qt-登录界面样式美化
10-21
qt制作的登录界面， 设置背景图片， ui界面样式设置，
styledemo.zip_QT 样式_QT界面美化_Qt 界面美化_style_界面美化
07-15
Qt控件样式的demo需要美化QT界面的可以参考其中的代码，作为学习QT样式的不错选择，如果有需要可以下载
QT精美样式表，超级好看
12-29
QT精美样式表，超级好看，对QT常用的控件都做了美化，包含按钮、编辑框、进度条、下拉框、表格等等几十种，特别美观。只要一套搞定QT界面。
QT使用样式表进行界面美化
03-08
QT使用样式表进行简单的界面美化。在default.css文件中修改界面上各控件包括Dlg的样式，可改背景颜色图片，将default.css放到exe运行目录下即可。 简单实现了QT使用样式表进行美化界面，简单明了。
QT界面美化
weixin_44161807的博客
02-21 1万+
转自点击打开链接 - 经验总结 1. 可用对话框（QDialog）模拟类似Android中toast的效果。 - 设置程序界面风格 在main函数中 QApplication::setStyle("windows"); QApplication::setStyle("windowsxp"); QApplication::setStyle("m...
qt - 19种精美软件样式
u013083044的博客
02-20 1293
【代码】qt - 19种精美软件样式。
Qt界面元素美化之QSS（Qt Style Sheets）样式表
宁静致远的博客
05-25 3889
Qt界面元素美化之QSS（Qt Style Sheets）样式表简介基本语法规则示例 简介 Qt程序界面中控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性可以通过Qss文件来设置，美化UI界面。实现界面和程序的分离，快速切换皮肤。 Qt样式表是一种强大的机制，它允许您自定义小部件的外观，而不仅仅是通过子类化QStyle已经可以实现的功能。Qt样式表的概念、术语和语法与HTML的CSS样式表类似。 样式表是文本规范，可以使用QApplication::setStyleSheet()在整
css样式
切躁切勇,伏枥藏锋
11-04 3812
字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM 粗细 {font-weight: b...
【QT】QSS美化——基础知识
热门推荐
俊俊的博客
03-04 3万+
QSS定制： 介绍了QSS辅助工具、QSS加载方式、QSS选择器、QSS常用属性、QSS伪状态与子控件
qt 如何设计好布局和漂亮的界面。
hw5230的博客
06-01 8156
​ 曾几何时，我们都在黑框框下度过，我们受够了被黑框框支配的恐惧，想要跳出去，去看看外面，我们听够了类似于界面只是皮肤，背后的代码才是王道的话语，当你觉得黑框框已经满足不了你的时候，我觉得，你是时候做出一些改变了。如果你是学习C++的，我想qt可以作为你进入界面的一条选择，这篇文章，我们不讲函数，不讲类，总之就是不讲代码，我们来讲讲代码之外，聊一聊关于怎么布局，怎么用qt做出一个漂亮的界面❤️。为什么非要布局，直接自己摆不是更好吗？
Qt Style Sheet实践（二）：组合框QComboBox的定制
weixin_34176694的博客
04-07 3126
导读      组合框是一个重要且应用广泛的组件，一般由两个子组件组成：文本下拉单部分和按钮部分。在许多既需要用户选择、又需要用户手动输入的应用场景下，组合框能够很好的满足我们的需求。如我们经常使用的聊天软件QQ登录框，便是一个很好的应用例子：      显然，用户既可以自己手动输入新的QQ号码，也可以在列表框中选择历史输入记录。对于提高用户体验是一个不错的手段。这篇博文重点讲述如何用QS...
偷偷学习qt 样式，然后写出惊艳所有人的界面
比卡丘不皮的博客
04-06 2199
QT样式表 qt样式表主要受到css的启发，通过调用QWidget:: setStyleSheet() 或 QApplication::setStyleSheet()来设置样式，也可以在界面的样式表中直接填写。 盒子模型（the Box Model） 学习样式之前我们要先了解盒子模型，也是最基本的样式： content 为最内部的矩形，通常是绘制文子、图片的地方。 padding 负责指定填充操作，主要是窗口部件内容，与边缘线（border）之间的空隙，它可以用top 、right、bott...
qt combobox样式美化举例
04-10
好的，关于qt combobox样式美化举例，我可以给您提供几个常用的方法： 1. 使用StyleSheet，例如： QComboBox {\n background-color: #F3F3F3;\n color: #333333;\n border: 1px solid #CCCCCC;\n padding: 1px;\n border-radius: 3px;\n min-width: 6em;\n }\n \n QComboBox::drop-down {\n subcontrol-origin: padding;\n subcontrol-position: top right;\n width: 20px;\n border-left-width: 1px;\n border-left-color: darkgray;\n border-left-style: solid;\n border-top-right-radius: 3px;\n }\n \n QComboBox::down-arrow {\n image: url(:/images/arrow.png);\n }\n 2. 使用QProxyStyle，继承QProxyStyle类并重写drawComplexControl方法，例如： class CustomComboBoxStyle : public QProxyStyle { public: CustomComboBoxStyle() { setObjectName("CustomComboBoxStyle"); } void drawComplexControl(ComplexControl control, const QStyleOptionComplex *option, QPainter *painter, const QWidget *widget = nullptr) const override { if (control == CC_ComboBox) { QStyleOptionComboBox opt(*option); opt.currentIcon = QPixmap(":/images/icon.png").scaledToWidth(opt.iconSize.width(), Qt::SmoothTransformation); QProxyStyle::drawComplexControl(control, &opt, painter, widget); return; } QProxyStyle::drawComplexControl(control, option, painter, widget); } }; 3. 使用QComboBox的addItem方法添加QStandardItem，通过设置QStandardItem的样式来实现，例如： QStandardItem *item = new QStandardItem(QIcon(":/images/icon.png"), "Item"); item->setFont(QFont("Arial", 12)); item->setForeground(QBrush(Qt::red)); ui->comboBox->addItem(item); 希望这些方法能够帮到您。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值