Duilib – 使用Default设置控件默认的全局样式以及使用Style自定义样式
在Duilib中我们可以使用Default属性设置某一类控件的全局样式,而某一些Duilib扩展库也支持使用Style自定样式,并且适配不同的控件。
1 使用Default设置某类控件的全局样式
在官方duilib中可以通过使用Default来设置某类控件的默认的全局样式,比如说设置按钮的全局样式,可以通过
<Default name="Button" value="" />
value中的数值可以这么写
<Default name="Button" value="bordersize="1" borderround="5,5" bordercolor="#cccccc" textcolor="#FFFFFFFF" bkcolor="#FF099985" hotbkcolor="#FF044C42" pushedbkcolor="#FF044C42" font="1" padding="0,5,0,5"" />
这里需要注意的是在value中,如果之前的属性是
bordersize="1"
那么需要将双引号修改为",修改之后也就是
bordersize="1"
Default属性可以将软件中的控件设置为统一的样式,而不能单独的为某一个控件设置自定义样式。
2 使用Style自定义样式
基于官方duilib的扩展库比如DuiLib_Ultimate都可以通过Style属性声明一个单独的样式,然后不同的控件可以选择不同的Style,
比如说有一个Style样式是
<Style name="btn_yes_style" value="bordersize="1" borderround="5,5" bordercolor="#cccccc" textcolor="#FFFFFFFF" bkcolor="#FF099985" hotbkcolor="#FF044C42" pushedbkcolor="#FF044C42" font="1" padding="0,5,0,5"" />
然后我要将这个样式设置给某一个Button,可以使用下面的代码进行设置
<Button name="TabCameraSetting_Yes_Btn" style="btn_yes_style" width="80" height="28" text="确定" />
Button显示如下
一个控件也可以同时使用两个Style样式,比如
<Style name="btn_yes_style" value="bordersize="1" borderround="5,5" bordercolor="#cccccc" textcolor="#FFFFFFFF" bkcolor="#FF099985" hotbkcolor="#FF044C42" pushedbkcolor="#FF044C42" font="1" padding="0,5,0,5"" />
<Style name="btn_yes_style2" value="bordersize="10"" />
<Button name="TabCameraSetting_Yes_Btn" style="btn_yes_style btn_yes_style2" width="80" height="28" text="确定" />
上面的Button会同时使用btn_yes_style和btn_yes_style2,并且btn_yes_style2的样式会覆盖btn_yes_style对应属性也就是bordersize的值。
本文作者:StubbornHuang
版权声明:本文为站长原创文章,如果转载请注明原文链接!
原文标题:Duilib – 使用Default设置控件默认的全局样式以及使用Style自定义样式
原文链接:https://www.stubbornhuang.com/2658/
发布于:2023年06月13日 11:43:21
修改于:2023年06月13日 11:45:29
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论
50