duilib 小知识 之 类样式的编写

此生再无相见时 提交于 2020-10-24 17:02:48

 

如果一样的控件经常被用到,最后写成一个类样式,这样再使用的时候就方便多了。

示例

比如:

滑动条类:

<Class name="VolSlider" value="height=&quot;14&quot; width=&quot;80&quot; value=&quot;50&quot; max=&quot;100&quot; min=&quot;0&quot; thumbsize=&quot;14,14&quot; margin=&quot;20,0,0,0&quot; valign=&quot;center&quot; thumbnormalimage=&quot;slider_thumb.png&quot; progresscolor=&quot;xnw_client_vedio_green&quot; bkimage=&quot;slider_hor_bk.png&quot; progressbarpadding=&quot;0,6,0,6&quot; "/>

使用的时候,直接

<Slider class="VolSlider" name="SpeakVolumnSlider" />

就可以了。

 

书写规则:

类书写还是很严格的,不小心就会出错,

 

绘制规则

有时候,要用文字图片组合控件

比如,写一个样式类实现下面的UI,这个特殊之处在于既有图片又有文字

 

可以用下面的样式

	<Class name="handup_ver" value="height=&quot;64&quot; width=&quot;60&quot; textpadding=&quot;0,50,0,0&quot; font=&quot;1&quot; normaltextcolor=&quot;bk_wnd_darkcolor1&quot; hottextcolor=&quot;bk_wnd_darkcolor2&quot; normalimage=&quot;file='handup.png' dest='6,0,52,46' &quot; hotimage=&quot;file='handup_h.png' dest='6,0,52,46' &quot;"/>

这里涉及到,图片 和文字怎么排版的问题。

图片和文字是叠加的。

上面的样式的含义是:

这个控件的宽60 高64  

控件的左上角为原点(0,0)

将图片绘制到这个控件的 处,  这里的dest指的的 left top right bottom, 是图片在这个控件中的绘制位置

文字绘制呢,使用的是, 意思是,距离顶部50个像素

通过调节图片和文字位置信息,就形成了 组合 类样式

 

 

 

 

 

 

 

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!