Qt開源作品13-三套樣式表

一、前言

在做各種各樣的項目中，難免遇到需要設定自己界面風格樣式的時候，而Qt提供的qss就是牛逼的為了實作定制各種各樣的皮膚的，其實一個完美的UI界面，主要由兩大塊組成，一個是顔色搭配，一個是布局，這兩個缺一不可，一般是交給專業的美工妹妹來做，大部分程式員審美不是很好，是以在沒有美工妹妹的時候，需要去一些專業的UI界面網站尋找靈感。關于顔色搭配和布局這兩點，很多人有個誤區，以為隻需要qss放進去就行，其實不行的，如果按鈕文本框放的難看，一樣看起來也是礙眼，還需要慢慢調整各種人機互動的控件的位置才行。

之前用Qt做過一個皮膚生成器，可以用它來快速制作皮膚，最快的時候一套皮膚隻需要58秒鐘，用皮膚生成器制作皮膚，基本上不超過一分鐘就可以生成一套自己想要的皮膚，隻要設定八種顔色即可。本人非常喜歡這套黑色風格樣式皮膚，特意分享出來，其中還有其他兩套皮膚，一套是淡藍色風格，一套是白色扁平風格，歡迎各位拿去随意使用。

二、代碼思路

//使用方法
void frmMain::initStyle()
{
    //加載樣式表
    //QFile file(":/qss/psblack.css");
    //QFile file(":/qss/flatwhite.css");
    QFile file(":/qss/lightblue.css");
    if (file.open(QFile::ReadOnly)) {
        QString qss = QLatin1String(file.readAll());
        QString paletteColor = qss.mid(20, 7);
        qApp->setPalette(QPalette(QColor(paletteColor)));
        qApp->setStyleSheet(qss);
        file.close();
    }
}           

三、效果圖

四、開源首頁

以上作品完整源碼下載下傳都在開源首頁，會持續不斷更新作品數量和品質，歡迎各位關注。

1. 國内站點： https://gitee.com/feiyangqingyun/QWidgetDemo
2. 國際站點： https://github.com/feiyangqingyun/QWidgetDemo
3. 個人首頁： https://blog.csdn.net/feiyangqingyun
4. 知乎首頁： https://www.zhihu.com/people/feiyangqingyun/