九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

本文主要是對官方文檔的翻譯。

一、Qss作用與規(guī)則

Qss(Qt style sheet)是一種樣式文本規(guī)范，可以使用QApplication::setStyleSheet()來設(shè)置整個(gè)應(yīng)用的樣式或者使用QWidget::setStyleSheet()設(shè)置某個(gè)QWidget(包括其子類)窗體的樣式。Qss具有級聯(lián)屬性，即假設(shè)在不同的級別設(shè)置了多個(gè)樣式表，那么Qt將從所有設(shè)置的樣式表中派生出有效的樣式表。樣式表可以讓您執(zhí)行所有類型的定制，這些定制僅使用QPalette是很難或不可能執(zhí)行的。例如，你想要黃色背景作為強(qiáng)制字段，紅色文本作為潛在的破壞性按鈕，或者花哨的復(fù)選框，樣式表就是答案。

樣式規(guī)則由一個(gè)選擇器（selector）和一個(gè)聲明(declaration)組成。選擇器指定哪些Widget受到該規(guī)則的影響；聲明指定應(yīng)該在Widget上設(shè)置哪些屬性。例如:QPushButton { color: red } ,QPushButton是selector,{color:red}是declaration，這個(gè)規(guī)則指定QPushButton和其子類應(yīng)該使用紅色作為前景色（文本顏色）。樣式規(guī)則中的申明部分是由一個(gè){property:value}表組成的，例如：QPushButton { color: red; background-color: white }。當(dāng)多個(gè)類型的Widget具有相同的{property:value}時(shí)也可以在selector部分使用逗號隔開，例如QPushButton, QLineEdit, QComboBox { color: red }。

二、selector類型

Qt樣式表支持CSS2中定義的所有選擇器。下表總結(jié)了常用的選擇器類型。

三、Property類型

下表列出了Qt樣式表支持的常用屬性（所有屬性見https://doc.qt.io/qt-5/stylesheet-reference.html）。可以給屬性賦哪些值取決于屬性的類型。除非另有說明，以下屬性適用于所有小部件。標(biāo)記有星號*的屬性是特定于Qt的，在CSS2或CSS3中沒有相同的屬性。

QTreeView {
    alternate-background-color: blue;
    background: yellow;
}

QTextWdit {background：red};
QFrame {background:url(:/img/first.jpg)};

QFrame {
background: white url(:/images/ring.png);
background-repeat: repeat-y;
background-position: left;
}

QFrame {
background: url(:/images/footer.png);
background-position: bottom left;
}

以上只是簡單介紹一些常用的屬性設(shè)置，具體的各種屬性該怎樣設(shè)置可以查看每個(gè)屬性的類型，官方文檔給出了很詳細(xì)的每種屬性設(shè)置的方式以及意義。

四、子控件

Qss除了對常用控件、窗體的樣式進(jìn)行設(shè)置，還可以對其子控件（如QComboBox的下拉按鈕、QSpinBox的上下按鈕等）的位置，填充圖片等屬性進(jìn)行設(shè)置。此時(shí)可以使用控件名::子控件名來表示selector。例如：QComboBox::drop-down { image: url(dropdown.png) }用來設(shè)置QComboBox的下拉按鈕的圖片。更多的子控件名稱如下表：

五、偽狀態(tài)

Qt中有的控件會有許多狀態(tài)，有時(shí)需要對不同狀態(tài)進(jìn)行區(qū)分（例如按鈕的選中、按下等狀態(tài)的區(qū)分），需要為不同的狀態(tài)設(shè)置不同的樣式。此時(shí)使用 控件名:狀態(tài)名 表示selector。例如：QPushButton:hover { color: white }表示設(shè)置鼠標(biāo)放在按鈕上時(shí)按鈕字體顏色。更多的狀態(tài)名稱見下表：

六、沖突處理機(jī)制

當(dāng)多個(gè)樣式規(guī)則用不同的值指定相同的屬性時(shí)，考慮以下樣式表:QPushButton#okButton { color: gray }    QPushButton { color: red } 。這兩個(gè)規(guī)則都匹配名為okButton的QPushButton實(shí)例，并且對于color屬性存在沖突。為了解決這個(gè)沖突，我們必須考慮選擇器的特殊性。在上面的例子中，QPushButton#okButton被認(rèn)為比QPushButton更具體，因?yàn)樗?通常)引用一個(gè)對象，而不是一個(gè)類的所有實(shí)例。

所以當(dāng)多個(gè)樣式規(guī)則產(chǎn)生沖突時(shí)，系統(tǒng)會選擇更具有針對性（特異性）的樣式規(guī)則進(jìn)行使用。而為了確定規(guī)則的特異性，Qt樣式表遵循CSS2規(guī)范:

選擇器的特異性計(jì)算如下:
              統(tǒng)計(jì)選擇器中ID屬性的數(shù)量(= a)
              計(jì)算選擇器中其他屬性和偽類的數(shù)量(= b)
              計(jì)算選擇器中元素名稱（如LI、OL等元素名稱）的數(shù)量(= c)

然后根據(jù)a*100+b*10+c計(jì)算出相應(yīng)規(guī)則的特異性值。特異性值越大匹配性越好。

例如：

* {} /* a=0 b=0 c=0 -> specificity = 0 */
LI {} /* a=0 b=0 c=1 -> specificity = 1 */
UL LI {} /* a=0 b=0 c=2 -> specificity = 2 */
UL OL+LI {} /* a=0 b=0 c=3 -> specificity = 3 */
H1 + *[REL=up]{} /* a=0 b=1 c=1 -> specificity = 11 */
UL OL LI.red {} /* a=0 b=1 c=3 -> specificity = 13 */
LI.red.level {} /* a=0 b=2 c=1 -> specificity = 21 */
#x34y {} /* a=1 b=0 c=0 -> specificity = 100 */

七、示例

改示例主要是對Qt自帶的Style sheet示例的修改。

//.h
#ifndef WIDGET_H
#define WIDGET_H

#include <QMainWindow>
#include <QApplication>

class Widget : public QMainWindow
{
    Q_OBJECT

public:
    Widget(QMainWindow *parent = nullptr);
    ~Widget();
};
#endif // WIDGET_H


//.cpp
#include "widget.h"
#include <QFrame>
#include <QLabel>
#include <QComboBox>
#include <QSpinBox>
#include <QLineEdit>
#include <QTextEdit>
#include <QCheckBox>
#include <QRadioButton>
#include <QHBoxLayout>
#include <QGridLayout>
#include <QGroupBox>
#include <QStringList>
#include <QDialogButtonBox>
#include <QFile>
#include <QMessageBox>

Widget::Widget(QMainWindow *parent)
    : QMainWindow(parent)
{


    QLabel *label1 = new QLabel("姓名:");
    label1->setProperty("class","mandatory");
    QComboBox *cmb1 = new QComboBox();
    cmb1->setObjectName("name");
    cmb1->setSizePolicy(QSizePolicy::Preferred,QSizePolicy::Fixed); //默認(rèn)為雙Preferred

    QLabel *label2 = new QLabel("性別:");
    QRadioButton *rbtn1 = new QRadioButton("男");
    QRadioButton *rbtn2 = new QRadioButton("女");
    QHBoxLayout *hlayout1 = new QHBoxLayout();
    hlayout1->addWidget(rbtn1);
    hlayout1->addWidget(rbtn2);
    hlayout1->addStretch(1);
    QGroupBox *groupBox = new QGroupBox();
    groupBox->setLayout(hlayout1);

    QLabel *label3 = new QLabel("  年齡:");
    QSpinBox *spinBox1 = new QSpinBox();
    spinBox1->setValue(22);
    spinBox1->setRange(18,45);
    spinBox1->setSingleStep(1);
    QHBoxLayout *hlayout2 = new QHBoxLayout();
    hlayout2->addWidget(spinBox1);
    hlayout2->addStretch(1);

    QLabel *label4 = new QLabel("密碼:");
    QLineEdit *lineEdit1 =new QLineEdit("Password");
    lineEdit1->setEchoMode(QLineEdit::Password);

    QLabel *label5 = new QLabel("  國家:");
    QComboBox *cmb2 = new QComboBox();
    QStringList str;
    str<<"中國"<<"埃及"<<"法國"<<"德國"<<"意大利"<<"印度"<<"挪威"<<"巴基斯坦";
    cmb2->addItems(str);
    cmb2->setSizePolicy(QSizePolicy::Preferred,QSizePolicy::Fixed);

    QLabel *label6 = new QLabel("職業(yè):");
    QTextEdit *textEdit1 = new QTextEdit("開發(fā)者");
    textEdit1->append("學(xué)生");
    textEdit1->append("創(chuàng)業(yè)者");
    textEdit1->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);

    QCheckBox *checkBox = new QCheckBox("我接受這些條款和條件!");

    QDialogButtonBox *dialogBtnBox = new QDialogButtonBox(QDialogButtonBox::Ok|QDialogButtonBox::Cancel);

    QGridLayout *glayout = new QGridLayout();
    glayout->addWidget(label1,0,0);
    glayout->addWidget(cmb1,0,1);
    glayout->addWidget(label2,1,0);
    glayout->addWidget(groupBox,1,1);
    glayout->addWidget(label3,2,0);
    glayout->addLayout(hlayout2,2,1);
    glayout->addWidget(label4,3,0);
    glayout->addWidget(lineEdit1,3,1);
    glayout->addWidget(label5,4,0);
    glayout->addWidget(cmb2,4,1);
    glayout->addWidget(label6,5,0);
    glayout->addWidget(textEdit1,5,1);
    glayout->addWidget(checkBox,6,0,1,2);
    glayout->addWidget(dialogBtnBox,7,0,1,2);
    glayout->setSizeConstraint(QLayout::SetDefaultConstraint);

    QString dirPath = QApplication::applicationDirPath();
    //QString fileName = dirPath+"/coffee.qss";

    QString fileName = "../qss/qss/coffee.qss";
    QFile qssFile(fileName);
    if(!qssFile.open(QFile::ReadOnly))
    {

        QMessageBox::warning(this,"打開文件失敗",fileName+"打開失敗");
        exit(1);
    }
    QString qssString = qssFile.readAll();
    this->setStyleSheet(qssString);

    QFrame *mframe = new QFrame();
    mframe->setLayout(glayout);
    this->setCentralWidget(mframe);
}

Widget::~Widget()
{
}

.qss文件

Widget {
   background-color: beige;
}


/* Nice Windows-XP-style password character. */
QLineEdit[echoMode="2"] {
    lineedit-password-character: 9679;
}

/* We provide a min-width and min-height for push buttons
   so that they look elegant regardless of the width of the text. */
QPushButton {
    background-color: palegoldenrod;
    border-width: 2px;
    border-color: darkkhaki;
    border-style: solid;
    border-radius: 5;
    padding: 3px;
    min-width: 9ex;
    min-height: 2.5ex;
}

QPushButton:hover {
   background-color: khaki;
}

/* Increase the padding, so the text is shifted when the button is
   pressed. */
QPushButton:pressed {
    padding-left: 5px;
    padding-top: 5px;
    background-color: #d0d67c;
}

QLabel, QAbstractButton {
    font: bold;
}

/* Mark mandatory fields with a brownish color. */
.mandatory {
    color: brown;
}

/* Bold text on status bar looks awful. */
QStatusBar QLabel {
   font: normal;
}

QStatusBar::item {
    border-width: 1;
    border-color: darkkhaki;
    border-style: solid;
    border-radius: 2;
}

QComboBox, QLineEdit, QSpinBox, QTextEdit, QListView {
    background-color: cornsilk;
    selection-color: #0a214c; 
    selection-background-color: #C19A6B;
}

QComboBox::drop-down#name{
    image:url(:/res/drop_down.jpg);
}

QListView {
    show-decoration-selected: 1;
}

QListView::item:hover {
    background-color: wheat;
}

/* We reserve 1 pixel space in padding. When we get the focus,
   we kill the padding and enlarge the border. This makes the items
   glow. */
QFrame{
    /*background-color: beige;*/
    margin:10px;
}

QLineEdit, QFrame {
    border-width: 2px;
    padding: 1px;
    border-style: solid;
    border-color: darkkhaki;
    border-radius: 5px;
}

/* As mentioned above, eliminate the padding and increase the border. */
QLineEdit:focus, QFrame:focus {
    border-width: 3px;
    padding: 0px;
}

/* A QLabel is a QFrame ... */
QLabel {
    border: none;
    padding: 0;
    background: none;
}

/* A QToolTip is a QLabel ... */
QToolTip {
    border: 2px solid darkkhaki;
    padding: 5px;
    border-radius: 3px;
    opacity: 200;
}

/* Nice to have the background color change when hovered. */
QRadioButton:hover, QCheckBox:hover {
    background-color: wheat;
}

/* Force the dialog's buttons to follow the Windows guidelines. */
QDialogButtonBox {
    button-layout: 0;
}

效果圖：

轉(zhuǎn)自：使用Qss設(shè)置窗體樣式_cloud_yq的博客-CSDN博客_qss設(shè)置樣式