前言

duiilib是通过加载配置的xml文件渲染显示的界面，xml文件在duilib中扮演着类似衣服的角色，所有关于外表界面的各种属性全在xml文件配置，这篇文章介绍一下duilib的颜色配置。

8位16进制值表示颜色

简单示例

下面是摘自一个简单示例的一段duilib的xml，表示的是一个水平布局，包含四个元素（两个label，两个button）。

<HorizontalLayout height="30"><Label name="labsoftname" text="名称" font="2" pos="20,10,100,30"textcolor="#FF000000" /><Label name="labversion" text="test" font="1" pos="110,10,250,30"textcolor="#FF333333" /><Button name="minbtn" tooltip="最小化" float="true" pos="860,10,875,25" /><Button name="closebtn" tooltip="关闭" float="true" pos="885,10,900,25" />
</HorizontalLayout>

注意两个label的属性列表中有一个表示颜色的字段textcolor="#FF333333"，#FF333333表示的是一个颜色值，看到这里就有些疑问，颜色值不是6位的16进制表示的么，类似于#DX7866,其中DX表示R值，78表示G值，66表示B值，总体来说表示一个RGB值，

各种取色器一般都是6位，那duilib为什么是8位16进制表示呢？

duilib xml颜色配置理解

还拿示例中的例子说起，#FF333333，确实是一个表示颜色的值，只不过前面两位FF表示的是透明度，后面的6位表示的是颜色值，在duilib的xml中一般是这样的 #FF+6位颜色值，构成颜色值。

即 ARGB：

A|R|G|B

透明度|红色|绿色|蓝色

透明度A（0-255，0为透明，255为不透明，中间取值表示一个可选范围）

常用颜色在线取值工具（菜鸟取色器）

参考文章：https://www.cnblogs.com/duguxue/p/3816363.html

Duilib使用---颜色配置相关推荐

R语言使用ggplot2包的快速可视化函数qplot绘制分组箱图（jitter、分组颜色配置）实战
R语言使用ggplot2包的快速可视化函数qplot绘制分组箱图(jitter.分组颜色配置)实战目录 R语言使用ggplot2包的快速可视化函数qplot绘制分组箱图(jitter.分组颜色配置) ...
R语言使用ggplot2包geom_jitter()函数绘制分组（strip plot，一维散点图）带状图（颜色配置：连续色彩、离散色彩、色彩梯度）实战
R语言使用ggplot2包geom_jitter()函数绘制分组(strip plot,一维散点图)带状图(颜色配置:连续色彩.离散色彩.色彩梯度)实战目录 R语言使用ggplot2包geom_ji ...
R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(分组颜色配置、位置配置)实战
R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(分组颜色配置.位置配置)实战目录
R语言使用ggplot2包使用geom_density()函数绘制分组密度图（添加直方图、分组颜色配置）实战（density plot）
R语言使用ggplot2包使用geom_density()函数绘制分组密度图(添加直方图.分组颜色配置)实战(density plot) 目录 R语言使用ggplot2包使用geom_density( ...
R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(分组颜色配置、添加数据点)实战
R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(分组颜色配置.添加数据点)实战目录
R语言使用ggplot2包使用geom_boxplot函数绘制基础分组箱图（分组箱体框颜色配置）实战
R语言使用ggplot2包使用geom_boxplot函数绘制基础分组箱图(分组箱体框颜色配置)实战目录 R语言使用ggplot2包使用geom_boxplot函数绘制基础分组箱图(分组箱体框颜色配 ...
eclipse主题颜色配置
eclipse主题颜色配置 qianghaoaho(孤狼) 一.配置eclipse编辑器颜色: 1.到http://eclipsecolorthemes.org/下载喜欢的主题颜色配置文件后缀名为.e ...
Linux下shell颜色配置
颜色配置涉及以下几个地方(本人常用的):命令提示符,文件及目录名显示,echo -e命令 1.颜色值分为前景色和背景色,颜色码值对应关系如下: Front Back Color 30 40 黑 31 ...
终端terminal的颜色配置
PS1 color 终端terminal的颜色配置 PS1="\[\e[92;1m\][\u\e[90;5m@\e[25m\[\e[91;4m\]Atlas\e[24m\[\e[1m\]\ ...
Intellij IDEA优化配置(1)------Darcula主题的选择以及字体和颜色配置（基于Intellij IDEA 2019.1）
Darcula主题的选择以及字体和颜色配置 Intellij IDEA优化配置一. 主题选择二.主题导入三.设置背景图片以及导入插件四.字体和颜色的选择五.总结六. 资源文件 Intell ...

Duilib使用---颜色配置

前言

8位16进制值表示颜色

简单示例

duilib xml颜色配置理解

Duilib使用---颜色配置相关推荐

最新文章

热门文章