QSS的用法和实例

最新推荐文章于 2024-03-19 13:55:19 发布

阳光柠檬_

最新推荐文章于 2024-03-19 13:55:19 发布

阅读量2.4w

点赞数 6

分类专栏： QT C++

本文链接：https://blog.csdn.net/liukang325/article/details/24304449

版权

QT C++ 专栏收录该内容

99 篇文章

订阅专栏

使用qss 可将功能与界面的设计分离开，方便UI设计，也可以制作更多更美的界面。

在代码中调用qss文件：

    QFile styleSheet(":/qss/myStyle.qss");
    if (!styleSheet.open(QIODevice::ReadOnly))
    {
        qWarning("Can't open the style sheet file.");
        return;
    }
    qApp->setStyleSheet(styleSheet.readAll());

myStyle.qss

QPushButton::menu-indicator{image:None;}
QPushButton:focus{padding: -5;}
QMenuBar
{
	background-image: url(./images/background_main_top.png);
}
QTreeWidget#treeWidget
{
	background-image: url(./images/background_main_left.png);
	padding-top:5px;
}
QFrame#frame
{
	background-image: url(./images/background.png);
	border: 0px;
}
QFrame#frame_3
{
	background-image: url(./images/background.png);
	border: 0px;
}

QPushButton#pushButton_1
{
	background-image: url(./images/btn_1.png);
	background-color: transparent;
	border: 0px;
}
QPushButton#pushButton_1:hover{
	background-image: url(./images/btn_1_hover.png);
	border: 0px;
}
QPushButton#pushButton_1:checked{
	background-image: url(:/res/image/11.png);
	border: 0px;
}

QPushButton#pushButton_10{
	background-image: url(./images/btn_10.png);
	background-color: transparent;
	border: 0px;
}
QPushButton#pushButton_10:hover{
	background-image: url(./images/btn_10_hover.png);
	border: 0px;
}
QPushButton#pushButton_10:checked{
	background-image: url(:/res/image/22.png);
	border: 0px;
}

高级一点的QSS用法，推荐一篇文章：一个值得借鉴的QSS样式 http://blog.csdn.net/yebufan/article/details/5875614