qt的qpushbutton的基本qss 用法

效果:



style sheet如下(按鈕爲flat格式):

    ui->pushButton->setStyleSheet(
                "QPushButton:hover:!pressed { background-image: url(://image/settings.png);border-style: outset;"
                "border-width: 1px; border-color: green;border-radius:2px;}"


                "QPushButton:hover:pressed { background-image: url(://image/settings.png);"
                "border-style: outset;border-radius:2px;"
                "border-width: 1px; border-color: red; }"


                "QPushButton { background-image: url(://image/settings.png);"
                "background-position: center;"
                "background-repeat: no-repeat;"
                "background-origin: content;    }"
                                );
    ui->pushButton->setFixedSize(100,50);
    ui->pushButton->setFocusPolicy(Qt::NoFocus);




    ui->pushButton_2->setStyleSheet(
                "QPushButton:hover:!pressed { background-color: rgb(167, 205, 255);"
                "border-style: outset;"
                "border-width: 1px; border-color: green; }"


                "QPushButton:hover:pressed { background-color: rgb(167, 205, 255);"
                "border-style: outset;"
                "border-width: 1px; border-color: red; }"


                "QPushButton {background-color: rgb(85, 170, 255);"
                "border-style: outset;"
                "border-width: 1px; border-color: beige; }"
                                );
    ui->pushButton_2->setFixedSize(80,40);
    ui->pushButton_2->setFocusPolicy(Qt::NoFocus);




    ui->pushButton_3->setStyleSheet(
                "QPushButton:hover:!pressed { background-color: rgb(167, 205, 255);"
                "border-style: outset;"
                "border-width: 1px; border-color: green; }"


                "QPushButton:hover:pressed { background-color: rgb(167, 205, 255);"
                "border-style: outset;"
                "border-width: 1px; border-color: red; }"


                "QPushButton {background-image: url(://image/settings.png);background-color: rgb(167, 205, 255);"
                "border-style: outset;"
                "border-width: 1px; border-color: beige; "
                "padding-left: 10px;"
                "text-align: right;"
                "padding-right: 20px;"
                "background-position: center left;"
                "background-repeat: no-repeat;"
                "background-origin: content;    }"
                                );
    ui->pushButton_3->setFixedSize(150,40);
    ui->pushButton_3->setFocusPolicy(Qt::NoFocus);



    ui->pushButton_4->setStyleSheet(
                "QPushButton:hover:!pressed { border-image: url(://image/22x22hover.png);}"


                "QPushButton:hover:pressed {border-image: url(://image/22x22press.png);}"


                "QPushButton {background-image: url(://image/capture.png);"
                "background-position: center;"
                "background-repeat: no-repeat;"
                "background-origin: padding;    }"
                                );
    ui->pushButton_4->setFixedSize(24,24);
    ui->pushButton_4->setFocusPolicy(Qt::NoFocus);




    ui->pushButton_5->setStyleSheet(
                "QPushButton:hover:!pressed { border-image: url(://image/72x34xhover.png);}"


                "QPushButton:hover:pressed {border-image: url(://image/72x34xpress.png);}"


                "QPushButton {border-image: url(://image/72x34xnormal.png);"
                "background-position: center;"
                "background-repeat: no-repeat;"
                "background-origin: border;    }"
                                );
    ui->pushButton_5->setFixedSize(72,34);
    ui->pushButton_5->setFocusPolicy(Qt::NoFocus);





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章