首页 > 其他分享 >Qt QSS 样式

Qt QSS 样式

时间：2023-09-27 15:48:04浏览次数：31  
标签：Qt 样式 image QSS color rgb border png 255

//****QPushButton********//
QPushButton
{
color: rgb(255, 255, 255);
background-color:rgbrgb(0, 161, 231);/*背景色*/
border-style:outset; /*边框风格*/
border-width:0px;/*边框宽度*/
border-color:rgb(10, 46,112); /*边框颜色*/
border-radius:0px; /*边框倒角*/
font:bold 14px; /*字体*/
font-family: Segoe UI;
min-width:100px;/*控件最小宽度*/
min-height:20px;/*控件最小高度*/
padding:4px;/*内边距*/
}

QPushButton
{
color: rgb(255, 255, 255);
background-color:rgb(0, 161, 231);/*背景色*/
border-style:outset; /*边框风格*/
border-width:0px;/*边框宽度*/
border-color:rgb(10, 46,112); /*边框颜色*/
border-radius:0px; /*边框倒角*/
min-width:80px;/*控件最小宽度*/
min-height:20px;/*控件最小高度*/
padding:4px;/*内边距*/
}
QPushButton::hover{
background-color: rgb(90, 106, 255);
color: rgb(240, 240, 240);
}
QPushButton::pressed{
background-color: rgb(31, 54, 185);
color: rgb(240, 220, 240);
}
//text
"QPushButton”
"{"
"color: rgb(255, 255, 255);"
" background-color:%1;/*背景色*/"
" border-style:outset; /*边框风格*/"
" border-width:0px;/*边框宽度*/
" border-color:rgb(10, 46,112); /*边框颜色*/"
" border-radius:0px; /*边框倒角*/"
" min-width:80px;/*控件最小宽度*/"
" min-height:20px;/*控件最小高度*/"
" padding:4px;/*内边距*/"
" color: %2;"
"}"
"QPushButton::hover{"
" background-color: rgb(90, 106, 255);"
"color: rgb(240, 240, 240);"
"}"
"QPushButton::pressed{"
" background-color: rgb(31, 54, 185);"
"color: rgb(240, 220, 240);"
"}";

//****QTreeWidget********//
QTreeWidget {
background-color: rgb(255, 255, 255);
border: none;
border-radius: 3px;
color: rgb(0, 0, 0);
}

QTreeWidget::item {
padding: 5px;
color: rgb(50, 50, 50);
}

QTreeWidget::item:hover {
background-color: rgb(200, 200, 200);
}

QTreeWidget::item:selected {
background-color: rgb(0, 161, 231);
color: rgb(255, 255, 255);
}



//****QTabWidget********//
QTabWidget::pane {
background-color: rgb(240, 240, 240);
border: none;
border-radius: 0px;

}
QTabBar::tab {
padding: 5px;
color: rgb(50, 50, 50);
min-width:100px;/*控件最小宽度*/
min-height:20px;/*控件最小高度*/
border-style:inset; /*边框风格*/

}
QTabBar::tab:hover {
background-color: rgb(200, 200, 200);
}
QTabBar::tab:selected {
background-color: rgb(255, 255, 255);
color:rgb(0, 161, 231);
border-bottom-width:2px;
border-bottom-color: rgb(0, 161, 231);
}

//****QSpinBox********//
QSpinBox {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(0, 161, 231);
border-radius: 3px;
padding: 0px;
color: rgb(0, 161, 231);
height:20;
}
QSpinBox::up-button {
border-image: url(:/icons/spbup2x.png);
height:10;
}
QSpinBox::down-button {
height:9;
border-image: url(:/icons/spbdown.png);
}
QSpinBox::up-button:hover {
border-image: url(:/icons/comup.png);
}
QSpinBox::down-button:hover {
border-image: url(:/icons/comdown.png);
}
QSpinBox::up-button:pressed{
border-image: url(:/icons/comup.png);
}
QSpinBox::down-button:pressed {
border-image: url(:/icons/comdown.png);
}


//****QGroupBox********//
QGroupBox{
background-color: rgb(0, 161, 231);
color: rgb(255, 255, 255);
}
//旧的样式颜色
background-color: rgb(35,141,197);color: white
RGBA(0, 161, 231, 1)

////////////QDoubleSpinBox 1 ////////////////////////
QDoubleSpinBox
{
border: 1px solid #00A1E7;
}
QAbstractSpinBox::up-button
{
subcontrol-origin: border;
image: url(:/icon/icon/SliceUp.png);
width: 30px;
height: 20px;
}
QAbstractSpinBox::down-button
{
subcontrol-origin: border;
image: url(:/icon/icon/SliceDown.png);
width: 30px;
height: 20px;
}


////////////QDoubleSpinBox 2 ////////////////////////
QDoubleSpinBox {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(0, 161, 231);
border-radius: 3px;
padding: 0px;
color: rgb(0, 161, 231);
height:20;
}

QDoubleSpinBox::up-button {
border-image: url(:/icons/spbup2x.png);
height:9;
}
QDoubleSpinBox::down-button {
height:10;
border-image: url(:/icons/spbdown.png);
}

QDoubleSpinBox::up-button:hover {
border-image: url(:/icons/comup.png);
}
QDoubleSpinBox::down-button:hover {
border-image: url(:/icons/comdown.png);
}

QDoubleSpinBox::up-button:pressed{
border-image: url(:/icons/comup.png);
}
QDoubleSpinBox::down-button:pressed {
border-image: url(:/icons/comdown.png);
}



/////////////QComboBox////////////////////////////////////
QComboBox {
color: rgb(24, 170, 233);
background-color: rgb(229, 246, 253);/*背景颜色*/
border-radius: 1px;/*圆角*/
padding: 1px 2px 1px 2px; /*针对于组合框中的文本内容*/
text-align:bottom;
min-width: 10; /*# 组合框的最小宽度*/
padding-left: 10px;/*左侧边距*/
}
/*QCombobox右侧按钮*/
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;/*放于右方顶部*/
width: 10px;/*设置按钮范围宽度*/
/*border-radius: 15px;
border-left-width: 1px;
border-left-color: darkgray;
border-left-style: solid;*/
color: rgb(153, 85, 255);
border-top-right-radius: 3px;/*设置边框圆角*/
border-bottom-right-radius: 3px;
/*padding-right: 50px;*/

}
/*QCombobox右侧按钮的箭头图标*/
QComboBox::down-arrow
{
image: url(:/icons/comdown2x.png);
width: 12px;/*设置该图标的宽高*/
height: 12px;
}

/* 下拉后，整个下拉窗体样式 */
QComboBox QAbstractItemView {
border: 0px solid #f3f3f3;/*边框宽度、线形、颜色*/
background-color: rgb(255, 255, 255);/*背景颜色*/
border-radius: 1px;/*圆角*/
padding: 1px 1px 1px 1px; /*针对于组合框中的文本内容*/
min-width: 10; /*# 组合框的最小宽度*/
}

/* 下拉后，整个下拉窗体每项的样式 */
QComboBox QAbstractItemView::item {
border-radius: 0px;/*圆角*/
height: 30px; /* 项的高度（设置pComboBox->setView(new QListView());后，该项才起作用） */
background-color: rgb(247, 250, 255);
}

/* 下拉后，整个下拉窗体被选择的每项的样式 */
QComboBox QAbstractItemView::item:selected {
color: rgb(24, 170, 233);
background-color: rgb(229, 246, 253);/*背景颜色*/
}

////////QCheckBox /////////////////////////////////////////////
QCheckBox{
spacing: 5px;
}
QCheckBox::indicator {
width: 17px;
height: 17px;
}
QCheckBox::indicator:enabled:unchecked {
border-image: url(:/icons/check2x.png);
}
QCheckBox::indicator:enabled:unchecked:hover {
border-image: url(:/icons/check.png);
}
QCheckBox::indicator:enabled:unchecked:pressed {
border-image: url(:/icons/check2x.png);
}
QCheckBox::indicator:enabled:checked {
border-image: url(:/icons/checked2x.png);
}
QCheckBox::indicator:enabled:checked:hover {
border-image: url(:/icons/checked.png);
}
QCheckBox::indicator:enabled:checked:pressed {
border-image: url(:/icons/checked2x.png);
}
QCheckBox::indicator:enabled:indeterminate {
border-image: url(:/icons/checked2x.png);
}
QCheckBox::indicator:enabled:indeterminate:hover {
border-image: url(:/icons/checked2x.png);
}
QCheckBox::indicator:enabled:indeterminate:pressed {
border-image: url(:/icons/checked2x.png)

}

/////////////////////////////////////////////////////
QLineEdit{
border: 1px solid rgb(0, 161, 231);
}

标签：Qt,样式,image,QSS,color,rgb,border,png,255
From： https://www.cnblogs.com/dwx-bzdcxy/p/17732849.html

相关文章

  • Qt实现录屏功能，支持录制视频和gif
    最近在调试工程的时候，看到项目中使用opencv的方式进行录制软件界面视频，于是有了一个想法，做一个录屏的功能结合了视频录制和gif录制。界面比较简单，就支持选择录制视频还是gif，以及帧率选择。以及录制时候，不允许改变客户端大小，只能录制点击录制前的，客户端中透明区域所在的屏幕。界......
  • QT之ARM平台的移植
    原文： https://www.cnblogs.com/jzcn/p/15201582.html在开发板中运行QT程序的基本条件是具备QT环境，那么QT的移植尤为重要，接下载我将和小伙伴们一起学习QT的移植。一、准备材料tslib源码qt-everywhere-src-5.12.9.tar.xz源码arm开发版二、获取安装包tslib源码的git获取......
  • element-ui plus 修改对话框的样式，无效
    <el-dialogv-model="dialogVisible"title="Tips"width="30%":before-close="handleClose"append-to-body><span>Thisisamessage</span><template#footer>......
  • Qt报错： variable has incomplete typte ‘QJsonObject’
    Qt常见运行失败的记录1.变量声明未实例化变量在头文件声明了，没new出来直接使用，导致程序运行崩溃2.定义变量时候下面出行红线，出现variblehasincompletetype‘QTextStream’variblehasincompletetype'QTextStream未添加QTextStream头文件3.Qt信号与槽连接失败的几......
  • qt自定义实体类
    在Qt中，可以创建自己的实体类（EntityClass）来表示应用程序中的数据对象或模型。这些实体类通常用于表示数据、管理数据和进行数据操作。以下是创建Qt自定义实体类的一般步骤：创建一个新的C++类：使用QtCreator或您喜欢的C++集成开发环境，创建一个新的C++类来表示实体。可以选择从QObject......
  • ModBus协议原理、Modbus Slave以及基于C++和Qt的代码实现
    ModBus协议目的：规定与PLC交互的指令，其数据帧包括两部分：报文头(MBAP)和帧结构(PDU)。报文头(MBAP)(分为6个部分)：1.事务处理标识：即报文序列号，一般每次通信之后就要加1以区别不同的通信数据报文，长度2字节。2.协议标识符：有串口的RTU协议和TCP协议，如0000表示ModbusTCP......
  • Qt PLC Modbus通信
    项目介绍有一个项目需要PC和PLC通信，PLC通信协议是Modbus协议。前两天研究了一下，QT源码也有例程，不过源码读了有点懵，参考了别人的博客，实现了一个简单的通信Demo，测试可以对PLC内部寄存器和中间继电器读写。软件版本和程序总览QT：5.12.12Kits:MSVC2017PLC：信捷XD5软件预览：软件介绍......
  • Qt 5——对象树及对象树容易出现的内存问题
    对象模型（对象树） 在Qt中创建对象的时候会提供一个Parent对象指针，下面来解释这个parent到底是干什么的。QObject是以对象树的形式组织起来的。当你创建一个QObject对象时，会看到QObject的构造函数接收一个QObject指针作为参数，这个参数就是parent，也就是父对象指针。这相当于，在......
  • PyQt5
    PyQt5是一个用于创建图形用户界面（GUI）应用程序的Python库。它是Python编程语言与Qt应用程序框架的绑定，允许开发人员使用Python语言来创建跨平台的桌面应用程序。Qt是一个功能强大且广泛使用的C++库，用于开发图形界面和应用程序功能。以下是关于PyQt5的一些重要信息和功能：1.跨平台性......
  • 【ElementUI】ElementUI Tooltip 根据内容判断是否显示、文字提示自定义样式
    【ElementUI】ElementUITooltip根据内容判断是否显示、文字提示自定义样式封装组件自定义内容<template><spanv-if="['',null,undefined].indexOf(content)===-1"><el-tooltip:content="content"effect="light"placement="bot......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99