当前位置：首页 > article >正文

Qt 样式表

article 2024/11/16 17:50:37

QLabel，应用于Widget：

.QLabel {
        background-color:pink;
}

.QLabel[warn='level_1'] {
        border:5px solid yellow;
}

.QLabel[warn='level_2'] {
        border:5px solid red;
}

QWidget{
	background-color:rgb(54,54,54);
}

QLineEdit{
	border: 1px solid #ABCDA0;      /* 边框宽度为1px，颜色为#A0A0A0 */
	border-radius: 3px;         /* 边框圆角 */
	padding-left: 5px;           /* 文本距离左边界有5px */
	background-color: #F2F2F2;     /* 背景颜色 */
	color: black;     /* 文本颜色 */
	selection-background-color: #A0A0A0;     /* 选中文本的背景颜色 */
	selection-color: #F2F2F2;    /* 选中文本的颜色 */
	font-family: "Microsoft YaHei";    /* 文本字体族 */
	font-size: 10pt;    /* 文本字体大小 */
}

QLineEdit:hover { /* 鼠标悬浮在QLineEdit时的状态 */
	border: 1px solid #298DFF;
	border-radius: 3px;
	background-color: #F2F2F2;
	color: #298DFF;
	selection-background-color: #298DFF;
	selection-color: #F2F2F2;
}

QLineEdit[echoMode="2"] { /* QLineEdit有输入掩码时的状态 */
	lineedit-password-character: 9679;
	lineedit-password-mask-delay: 2000;
}

QLineEdit:disabled { /* QLineEdit在禁用时的状态 */
	border: 1px solid #CDCDCD;
	background-color: #CDCDCD;
	color: #B4B4B4;
}

QLineEdit:read-only { /* QLineEdit在只读时的状态 */
	background-color: #CDCDCD;
	color: #F2F2F2;
}

QPushButton：

QPushButton
{  
    /* 前景色 */  
    color:green;  
 
    /* 背景色 */  
    background-color:rgb(223,223,223);  
 
    /* 边框风格 */  
    border-style:outset;  
 
    /* 边框宽度 */  
    border-width:0.5px;  
 
    /* 边框颜色 */  
    border-color:rgb(10,45,110);  
 
    /* 边框倒角 */  
    border-radius:10px;  
 
    /* 字体 */  
    font:bold 22px;  
 
    /* 控件最小宽度 */  
    min-width:100px;  
 
    /* 控件最小高度 */  
    min-height:20px;  
 
    /* 内边距 */  
    padding:4px;  
} 
 
/* 鼠标按下时的效果 */ 
QPushButton#pushButton:pressed 
{  
    /* 改变背景色 */  
    background-color:rgb(40,85,20);  
 
    /* 改变边框风格 */  
    border-style:inset;  
 
    /* 使文字有一点移动 */  
    padding-left:6px;  
    padding-top:6px;  
}
 
/* 按钮样式 */ 
QPushButton:flat 
{  
    border:2px solid red;  
} 
 
/*鼠标悬浮时的效果*/
QPushButton:hover
{
    color:#0000ff;
    background-color:rgb(210, 205, 205); /*改变背景色*/
    border-style:inset;/*改变边框风格*/
    padding-left:8px;
    padding-top:8px;
}

图片作为按钮背景：

QPushButton
{
	background-image:url(":/resources/vip_yes.png");
	background-position:center;
	background-repeat: no-repeat;
	border:none
}
 
QPushButton:hover
{
	background-color:rgb(10,210,210);
	background-image:url(":/resources/vip_yes.png")
}
 
QPushButton:pressed
{
	background-color:rgb(255, 0, 0);
	background-image:url(":/resources/vip_yes.png");
}

在主界面中：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    // svg 矢量图 ：可以随着控件大小而改变，不会失真
    // 6张图：正常状态，悬浮状态，点击状态  [vip]

    ui->pushButton_3->setText(u8"会员");
    ui->pushButton_3->setFixedSize(80, 64);
    ui->pushButton_3->setIcon(QIcon(":/resources/vip_yes.png"));
    ui->pushButton_3->setLayoutDirection(Qt::LeftToRight);

    ui->pushButton_4->setFixedSize(200, 64);
    ui->pushButton_4->setText(u8"非会员");
    QString btnStyle = "QPushButton{"
        "background-image: url(:/resources/vip_no.png);"
        "background-repeat: no-repeat;"
        "background-origin: padding;"
        "background-position: left;"
        "padding-left:65px;"
        "border: none;"
        "background-color: rgb(0, 255, 255);"
        "color:rgb(0, 0, 0);"
        "text-align:left;"
        "font: bold italic 30px \"Microsoft YaHei\";"
    "}";

    ui->pushButton_4->setStyleSheet(btnStyle);


}

查看全文

http://www.kler.cn/a/147670.html