【Qt一键界面美化】qss使用与qss界面美化

最新推荐文章于 2024-07-30 00:37:22 发布

七色の虹

最新推荐文章于 2024-07-30 00:37:22 发布

阅读量3.1k

点赞数 6

文章标签： qt5 css

本文链接：https://blog.csdn.net/weixin_49357753/article/details/125260173

版权

qss界面美化,没接触过qss的朋友可以先查看css的相关知识在阅读代码，如果你不想那么麻烦只是希望能简单的对界面进行美化，可以直接使用代码，废话不多说，直接上效果。

该qss文本对，按钮控件QPushButton，场景QGraphicsView，复选框QCheckBox，滚动条-垂直QScrollBar，滚动条-水平QScrollBar，时间戳控件QDateTimeEdit，输入框QLineEdit，文本label，表头QHeaderView，表格QTableView，都进行了文字色彩，背景色，边框圆滑度进行了调整与设置，代码如下


/**********表头**********/
QHeaderView{
        border: none;
        border-bottom: 3px solid rgb(0, 160, 230);
        background: rgb(57, 58, 60);
        min-height: 30px;
        color : #EEEEEE
}
QHeaderView::section:horizontal {
        border: none;
        color: white;
        background: transparent;
        padding-left: 5px;
}
QHeaderView::section:horizontal:hover {
        background: rgb(85, 85, 85);
}
QHeaderView::section:horizontal:pressed {
        background: rgb(80, 80, 80);
}
QHeaderView::up-arrow {
        width: 13px;
        height: 11px;
        padding-right: 5px;
        subcontrol-position: center right;
}
QHeaderView::down-arrow {
        width: 13px;
        height: 11px;
        padding-right: 5px;
        subcontrol-position: center right;
}

/**********表格**********/
QTableView {
        border-radius: 4px;
        border: 1px solid rgb(45, 45, 45);
        background: rgb(57, 58, 60);