UI美化stylesheet-Toy模板网

这篇具有很好参考价值的文章主要介绍了UI美化stylesheet。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

大家可以每个图标类型找出三种不同的颜色，方便后续美化效果，这里我每种只找了一个。（随便找的，最后效果不好看）

UI美化stylesheet,Qt_noteBook,qt,c++
将这个文件夹复制到项目的文件夹中。
然后右键Add New…选择QT，添加Resouece文件。将上述4个图片文件添加到此文件中。

UI美化stylesheet,Qt_noteBook,qt,c++

UI美化stylesheet,Qt_noteBook,qt,c++
图标就是你找的图片，名字取个自己喜欢的。

UI美化stylesheet,Qt_noteBook,qt,c++

UI美化stylesheet,Qt_noteBook,qt,c++

制作鼠标悬停按钮变化效果。
UI美化stylesheet,Qt_noteBook,qt,c++

 QPushButton { color: red; background-color: white }
 QPushButton:hover { color: white }
 QPushButton:pressed { color: white }

每个按钮的改变样式表的位置。根据自己喜欢的颜色调整。
UI美化stylesheet,Qt_noteBook,qt,c++
上图表示原始转态是一个图标，鼠标悬停（hover）又是另一个图标。点击鼠标（pressed）又是另一种图标。

上面是原始图，下面是鼠标悬停在上面，所以变成另一个图。

发现底部的字样不会随窗口变化而变化。加入两个弹簧。右边的设置固定Fixed大小。
UI美化stylesheet,Qt_noteBook,qt,c++
代码中加入这一句，显性的关联widget_down和horizontalLayout_2。

再将widget_down水平居中。

UI美化stylesheet,Qt_noteBook,qt,c++ 文章来源地址https://www.toymoban.com/news/detail-831587.html

到了这里，关于UI美化stylesheet的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

UI美化stylesheet