QML 颜色表示法

Posted 一去丶二三里

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了QML 颜色表示法相关的知识,希望对你有一定的参考价值。

作者: 一去、二三里
个人微信号: iwaleon
微信公众号: 高效程序员

如果你经常需要美化样式(最常见的有:文本色、背景色、边框色、阴影色等),那一定离不开颜色。而在 QML 中,颜色的表示方法有多种:颜色名、十六进制颜色值、颜色相关的函数,一起来学习一下吧。

老规矩,先上一张思维导图:

颜色参考表

了解 Web 的小伙伴想必都知道 Web 标准色,一共有 140+ 种,这些颜色可以帮助设计者统一色彩,并且使得界面更具有识别度,以达到良好的视觉效果。

值得庆贺的是,QML 也支持这些标准色,所以在后期的样式设计中,可以直接参考和使用它们。

颜色名

颜色名是最常见的颜色表示方式,直接使用预定义的名称就行了,如 “red”、“green” 或者 “blue”(不区分大小写)。

举个栗子,我们给两个矩形分别设置钢蓝色和珊瑚色:

以上是关于QML 颜色表示法的主要内容,如果未能解决你的问题,请参考以下文章

从头学Qt Quick-- 用QML写一个简单的颜色选择器

在 Qt/QML 中访问/修改一个类型的所有实例

如何用颜色填充 box2d-qml 多边形?

QQuickWidget+QML设置背景透明

QML注意color小写

Qt 5 样式:动态加载 qml 文件