首页 > 代码库 > DuiLib学习笔记3——颜色探究
DuiLib学习笔记3——颜色探究
在前面两篇日志已经能使用xml了。今天准备好好的折腾一番,结果在颜色上却掉坑里了。
起初我在ps里取颜色为0104ff
这里01为R,04为G,ff为B
在控件的属性里有这样一个属性bkcolor="#0104ff"。这个代码放进去后为黑色,并非我们期望的蓝色。
后来才发现在duilib里颜色正常的是8位,ps里的是6位。另外两位为A,是代表透明度的。在duilib中颜色的表达顺序为:
ARGB
透明度|红色|绿色|蓝色
大家知道蓝色加点红色就会变成粉红色,所以我这里采用蓝色的背景,如果透明色生效,那么红色控件半透明就会变成粉红色。纯红的RGB代码为#ff0000,ff为最大值,所以不透明的ARGB代码为#ff ff 00 00
XML代码如下:
<?xml version="1.0" encoding="utf-8"?><Window mininfo="400,360" size="480,320"> <Font name="黑体" size="16" default="true" /> <VerticalLayout bkcolor="#ff0104ff"> <Button name="closebutton" height="20" bkcolor="#88ff0000" text="这是透明的" maxwidth="120" /> <Button name="closebutton" height="20" bkcolor="#ffff0000" text="这是不透明的" maxwidth="120" /> </VerticalLayout></Window>
运行后效果如下图:
上图看着不太明显,不想再改上面的配图和文字了,另外换了个对比强烈的颜色代码如下:
<?xml version="1.0" encoding="utf-8"?><Window mininfo="400,360" size="480,320"> <Font name="黑体" size="16" default="true" /> <VerticalLayout bkcolor="#ffab7958"> <Button name="closebutton" height="20" bkcolor="#88e47621" text="这是透明的" maxwidth="120" /> <Button name="closebutton" height="20" bkcolor="#ffe47621" text="这是不透明的" maxwidth="120" /> </VerticalLayout></Window>
运行效果如下图:
另外我还写了一个效果明显的,懒得上代码了,效果如下:
最后要补充一句,这个透明针对主窗口透明没有用,但是写颜色的时候一定要补齐前面两位,不然会错误的解析颜色
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。