DXUTGUI控件的定制（一）

<!--版权所有foruok，转载请注明出处！!-->

最近在研究DXUT自带的控件库，按照SDK及例子做了些试验，总是那个固定的样子（可以看DXSDK中的例子，就是哪种效果），让人一眼就看出来界面是利用DXUTGUI实现的。我想要做出自己的效果，看来必须定制。

定制包含两个方面，整个控件库风格的定制和特定控件实例本身的定制。 我们先说整个UI风格的定制。

我是从SDK的CUSTOMUI入手学习DXUT的。

这个例子声明了一个全局的对话框资源管理对象CDXUTDialogResourceManager g_DialogResourceManager，然后用它分别初始化三个对话框。以SampleUI对话框为例，初始化语句在InitApp函数中：g_SamleUI.Init(&g_DialogResourceManager)。对Init函数的调用只有一个参数，另一个是默认的bRegisterDialog=true。

DXUT实现了按钮、列表框、可选按钮、编辑框等控件。一开始我以为控件是直接画出来的（这种感觉太愚蠢了），后来想想应当是用的纹理贴图。但是怎么也没有找到它所用的纹理文件在哪里，看来必须阅读DXUTGUI的源码了。

从Init函数入手来研究DXUTGUI的资源管理是个不错的选择。我一路跟进去，发现按照示例程序那样初始化对话框时，会从内存中加载“皮肤”纹理。DXUTGUI所用的内存纹理资源是DDS格式的，保存在DXUTRes.cpp的g_DXUTGUITextureSrcData数组内。这就是它的奥秘所在了。

将这个纹理保存成bmp图片（256X256），就可以看到DXUTGUI控件的资源了。

有了这个发现，我们就可以实现自己的风格了。只需两步：

（1）仿照DXUTGUI自带的皮肤纹理制作自己的图片

（2）在初始化对话框时选择三个参数的Init函数，指定纹理图片的路径。

需要注意的是，我们所做的图片必须与DXUTGUI使用的图片规格一样，包括各种元素所对应的纹理区域等等，否则可能会一团糟。当然还有一个办法可以不和DXUTGUI的图片规格保持一致：修改CDXUTDialog::InitDefaultElements函数。

研究InitDefaultElements函数可以了解DXUTGUI是怎么使用纹理皮肤的，有助于我们实现自己的皮肤。

<!--版权所有foruok，转载请注明出处！!-->