duilib入门问题合集

来源:互联网 发布:结构化面试 知乎 编辑:程序博客网 时间:2024/04/25 14:18

引入duilib时请确保引入头文件开始时先引入COMUTIL.H头文件


#include "COMUTIL.H"
#include "UIlib.h"


duilib基本程序结构


在stdafx.h文件中加入

[cpp] view plain copy
  1. <span style="font-size:18px;">#include "COMUTIL.H"  
  2. #include "UIlib.h"  
  3. using namespace DuiLib;</span>  


[cpp] view plain copy
  1. <span style="font-size:18px;">#ifndef LoginView_h__  
  2. #define LoginView_h__  
  3.   
  4.   
  5. class LoginView :  
  6.     public WindowImplBase// 只能放在最后,否则其消息路由出问题  
  7. {  
  8.   
  9.   
  10. public:  
  11.     DUI_DECLARE_MESSAGE_MAP()  
  12. public:  
  13.     LoginView(void);  
  14.     ~LoginView(void);  
  15.   
  16.   
  17.     void on_btn_click( DuiLib::TNotifyUI &msg );  
  18.   
  19.   
  20.     virtual CDuiString GetSkinFolder() { return _T ("skin\\"); }  
  21.     virtual CDuiString GetSkinFile() { return _T("login.xml"); }  
  22.     virtual LPCTSTR GetWindowClassName( void ) const { return _T("LoginView"); }  
  23. };  
  24.   
  25.   
  26. #endif // LoginView_h__</span>  


[cpp] view plain copy
  1. <span style="font-size:18px;">#include "StdAfx.h"  
  2. #include "LoginView.h"  
  3.   
  4. DUI_BEGIN_MESSAGE_MAP(LoginView, WindowImplBase)  
  5. DUI_ON_MSGTYPE(DUI_MSGTYPE_CLICK,on_btn_click)  
  6. DUI_END_MESSAGE_MAP()  
  7.   
  8.   
  9. LoginView::LoginView(void)  
  10. {  
  11. }  
  12.   
  13. LoginView::~LoginView(void)  
  14. {  
  15. }  
  16.   
  17.   
  18. void LoginView::on_btn_click( DuiLib::TNotifyUI &msg )  
  19. {  
  20.   
  21. }</span>  


[cpp] view plain copy
  1. <span style="font-size:18px;">// chatme.cpp : 定义应用程序的入口点。  
  2. //  
  3.   
  4. #include "stdafx.h"  
  5. #include "chatme.h"  
  6.   
  7. #include "LoginView.h"  
  8.   
  9. int APIENTRY _tWinMain(HINSTANCE hInstance,  
  10.                        HINSTANCE hPrevInstance,  
  11.                        LPTSTR    lpCmdLine,  
  12.                        int       nCmdShow)  
  13. {  
  14.     CPaintManagerUI::SetInstance(hInstance);  
  15.     CPaintManagerUI::SetResourcePath(CPaintManagerUI::GetInstancePath());  
  16.   
  17.   
  18.     HRESULT Hr = ::CoInitialize(NULL);  
  19.     if( FAILED(Hr) ) return 0;  
  20.   
  21.     LoginView login_view;  
  22.     login_view.Create(NULL, _T("LoginView"), UI_WNDSTYLE_DIALOG, WS_EX_STATICEDGE | WS_EX_APPWINDOW);  
  23.   
  24.     login_view.CenterWindow();  
  25.   
  26.     CPaintManagerUI::MessageLoop();  
  27.     ::CoUninitialize();  
  28.     return 0;  
  29. }</span>  


问:如何把资源放入zip?
答: 先SetResourcePath设置资源目录,再SetResourceZip设置压缩资源文件名


问:如何设置窗体的初始化大小?
答:设置XML文件的Window标签的size属性。


问:如何设置鼠标可拖动窗体的范围大小?
答:设置XML文件的Window标签的caption属性。


问:如何设置窗体可以通过拖动边缘改变大小?
答:在窗体创建函数的第三个参数设置为UI_WNDSTYLE_FRAME才可响应拖动改变大小,和双击标题事件。


问:为何鼠标移动到边缘没有改变窗体大小的箭头出现,不能通过拖动改变窗体大小?
答:设置window标签的sizebox属性,例如sizebox="2,2,2,2"


问:窗体不可双击最大化如何实现?
答:在窗体创建函数的第三个参数设置为UI_WNDSTYLE_DIALOG。


问:应用程序exe图标如何设置?
答:使用窗体成员函数SetIcon,参数为资源icon的id。


问:初始化时,最大化窗体如何实现?
答:调用窗体的SendMessage给窗体发送最大化消息SC_MAXIMIZE,SendMessage(WM_SYSCOMMAND, SC_MAXIMIZE,0);


问:动态改变窗体的大小如何实现?
答:使用窗体函数ResizeClient,参数分别重设的宽和高。


问:如何设置窗体屏幕居中显示?

答:使用窗体的CenterWindow函数。


问:窗体透明度如何设置?
答:设置window标签属性bktrans="true" alpha="200" alpha的值为0-255。这种设置是全体窗体透明度,所有控件都将变透明。
如果想单纯设置背景透明度控件不透明度,可以制作半透明的背景图片,设置window标签的bktrans="true",并且不设置alpha属性,切记!此时背景透明,其它控件不透明。
单独设置某个控件的透明度,可以使用图片的fade属性,或者mask属性。fade表示设置图片透明度,取值0-255。mask为设置透明的颜色。


问:默认设置的图片为拉伸平铺模式,如何设置不拉伸显示?
答:设置图片的source和dest属性,soure="左,上,右,下" dest="左,上,右,下" 
表示将source区域的图片显示到按钮的dest区域上。这里的右和下是指坐标,不是指宽度和高度。右=左+width.下=top+height。


问:如何设置选定编辑框文字的背景颜色?

答:设置nativebkcolor属性。


问:如何设置按钮的鼠标悬浮时的字体颜色?
答:设置按钮的hottextcolor属性,相对的还有pushedtextcolor和focustextcolor.


问:如何设置按钮按下时字体的颜色?
答:设置按钮的pushedtextcolor属性,相对的还有hottextcolor和focustextcolor.




问:如何自定义xml控件?
答:自定义控件和复杂的控件类型都是由简单基本控件组成。
在写好一个自定义的控件xml模板后,
CDialogBuilder dlg_builder;
CControlUI * pControl = dlg_builder.Create("item.xml");
注意这里的item.xml要放在主界面的xml所在的文件夹内,并且无需在指定路径了。
该函数返回一个CControlUI的一个句柄,得到这样一个句柄就是一个控件了。
如果要获取复杂控件的某个子控件的句柄,然后想通过该句柄改变子控件的状态。
首先给这个子控件取一个名字,然后可以通过pControl的FindSubControl("name")来获取该
控件的句柄了。得到句柄后就可以设置它的所有属性了,例如
pbtn->SetAttribute(_T("normalimage"), _T("file='images\\downlist_ok.png' dest='20,14,32,26'"));就能更改它的状态图片了。


问:多线程下如何更改dui的界面信息?
答:线程里不要操作界面的信息,应该通过SendMessage或者PostMessage给界面的m_hWnd发送自定义消息。然后在界面的消息循环里面在做操作界面的动作。
自定义处理的消息处理函数可以从重写方法
LRESULT MyWnd::HandleCustomMessage( UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled )
{
//这里处理完后,bHandled置true 返回基类,让基类去操作
return WindowImplBase::HandleCustomMessage(uMsg, wParam, lParam, bHandled);
}
具体可以如下使用:
#define ON_PERCENT_MSG              WM_USER + 500
然后在线程函数中发送消息给界面
int DownloadView::on_percent( double percent, int index, INT_PTR user_data )
{
    ::SendMessage(m_hWnd, ON_PERCENT_MSG, (WPARAM)&percent, (LPARAM)user_data);
    return 0;
}


最后在界面消息循环中进行处理消息
LRESULT DownloadView::HandleCustomMessage( UINT uMsg, WPARAM wParam, LPARAM lParam, BOOL& bHandled )
{
    switch (uMsg)
    {
    case ON_PERCENT_MSG:
         // 处理界面相关的操作
        break;
    default:
        break;
    }
    return WindowImplBase::HandleCustomMessage(uMsg, wParam, lParam, bHandled);
}





问:如何让使用duilib的win32工程支持MFC?
答:
1、在stdafx.h加入以下
#define VC_EXTRALEAN
#include <afxwin.h>         // MFC 核心组件和标准组件
#include <afxext.h>         // MFC 扩展
#include <afxdisp.h>        // MFC 自动化类
#ifndef _AFX_NO_OLE_SUPPORT
#include <afxdtctl.h>// MFC 对 Internet Explorer 4 公共控件的支持
#endif
#ifndef _AFX_NO_AFXCMN_SUPPORT
#include <afxcmn.h>// MFC 对 Windows 公共控件的支持
#endif // _AFX_NO_AFXCMN_SUPPORT
2、在程序初始化main的开始加入mfc的初始化。
// initialize MFC and print and error on failure
if (!AfxWinInit(::GetModuleHandle(NULL), NULL, ::GetCommandLine(), 0))
{
// TODO: change error code to suit your needs
_tprintf(_T("Fatal Error: MFC initialization failed\n"));
return 1;
}
3、设置页属性-->常规-->使用mfc设置为 Use MFC in a Shared DLL


4、设置C++-->代码生成-->运行时库根据debug或者release设置为MDD或者MD。

[cpp] view plain copy
  1. #pragma once  
  2.   
  3.   
  4. #define DUI_MFCCTRL_COMMAND_MSG _T("MFC_CTRL_NOTIFY_MSG")  
  5. #define DUI_MFCCTRL_NOTIFY_MSG _T("MFC_CTRL_COMMAND_MSG")  
  6.   
  7.   
  8. // 封装MFC控件到DUI控件中,实现duilib中嵌入MFC控件  
  9. // 通过维护一个HWND实现  
  10. class CDUIMFCCtrlWrapper : public DuiLib::CControlUI, public DuiLib::IMessageFilterUI  
  11. {  
  12. public:  
  13.     CDUIMFCCtrlWrapper(void) : m_hWnd(NULL), m_bAddedMessageFilter(FALSE){}  
  14.   
  15.   
  16.     ~CDUIMFCCtrlWrapper(void){}  
  17.   
  18.   
  19.     // 绑定  
  20.     BOOL Attach(HWND hWndNew);  
  21.   
  22.   
  23.     HWND Detach();  
  24.   
  25.   
  26. protected:  
  27.     // 控制显示  
  28.     virtual void SetInternVisible(bool bVisible = true);  
  29.   
  30.   
  31.     // 控制位置  
  32.     virtual void SetPos(RECT rc);  
  33.   
  34.   
  35.     // 对控件消息的分派,例如对发送给如对命令消息和通知消息进行分派  
  36.     // 通过SendNotify实现,可以在OnNotify中进行响应。  
  37.     virtual LRESULT MessageHandler( UINT uMsg, WPARAM wParam, LPARAM lParam, bool& bHandled );  
  38.   
  39.   
  40.     virtual void SetManager( DuiLib::CPaintManagerUI* pManager, DuiLib::CControlUI* pParent, bool bInit = true );  
  41.   
  42.   
  43. protected:  
  44.     HWND m_hWnd;  
  45.     BOOL m_bAddedMessageFilter; // 防止重复设置消息监听  
  46. };  



[cpp] view plain copy
  1. #include "StdAfx.h"  
  2.   
  3.   
  4. #include "DUIMFCCtrlWrapper.h"  
  5.   
  6.   
  7. using namespace DuiLib;  
  8.   
  9.   
  10. void CDUIMFCCtrlWrapper::SetManager( CPaintManagerUI* pManager, CControlUI* pParent, bool bInit /*= true */ )  
  11. {  
  12.     if (pManager && !m_bAddedMessageFilter)  
  13.     {  
  14.         m_bAddedMessageFilter = TRUE;  
  15.         // 设置本控件封装能接收到消息,从而进行分派  
  16.         pManager->AddMessageFilter(this);  
  17.     }  
  18.     CControlUI::SetManager(pManager, pParent, false);  
  19. }  
  20.   
  21.   
  22. LRESULT CDUIMFCCtrlWrapper::MessageHandler( UINT uMsg, WPARAM wParam, LPARAM lParam, bool& bHandled )  
  23. {  
  24.     bHandled = TRUE; // 如果是命令消息和通知消息等MFC控件消息则不用再传递下去  
  25.     if (uMsg == WM_NOTIFY)  
  26.     {  
  27.         NMHDR* pNMHDR = (NMHDR*)lParam;  
  28.         HWND hWndCtrl = pNMHDR->hwndFrom;  
  29.         UINT nId = LOWORD(wParam);  
  30.         int nCode = pNMHDR->code;  
  31.         ASSERT(NULL != hWndCtrl);  
  32.         ASSERT(::IsWindow(hWndCtrl));  
  33.         typedef struct _CtrlNotifyStruct  
  34.         {  
  35.             NMHDR* pNMHDR;  
  36.             int nCode;  
  37.         }CtrlNotifyStruct;  
  38.         CtrlNotifyStruct ns;  
  39.         ns.pNMHDR = pNMHDR;  
  40.         ns.nCode = nCode;  
  41.         m_pManager->SendNotify(this, DUI_MFCCTRL_COMMAND_MSG, WPARAM(nId), LPARAM(&ns));  
  42.     }  
  43.     else if (WM_COMMAND == uMsg)  
  44.     {  
  45.         UINT nID = LOWORD(wParam);  
  46.         HWND hWndCtrl = (HWND)lParam;  
  47.         int nCode = HIWORD(wParam);  
  48.         m_pManager->SendNotify(this, DUI_MFCCTRL_NOTIFY_MSG, nID, nCode);  
  49.     }  
  50.     //else if(XTPWM_PROPERTYGRID_NOTIFY == uMsg)  
  51.     //{  
  52.     //    m_pManager->SendNotify(this, DUI_MFCCTRL_NOTIFY_MSG, wParam, lParam);  
  53.     //}  
  54.     else  
  55.     {  
  56.         // 否则该消息需要继续传递下去  
  57.         bHandled = FALSE;  
  58.         return 1;  
  59.     }  
  60.     return 0;  
  61. }  
  62.   
  63.   
  64. void CDUIMFCCtrlWrapper::SetPos( RECT rc )  
  65. {  
  66.     __super::SetPos(rc);  
  67.     ::SetWindowPos(m_hWnd, NULL, rc.left,   
  68.         rc.top, rc.right - rc.left, rc.bottom - rc.top,  
  69.         SWP_NOZORDER | SWP_NOACTIVATE);  
  70. }  
  71.   
  72.   
  73. void CDUIMFCCtrlWrapper::SetInternVisible( bool bVisible /*= true*/ )  
  74. {  
  75.     __super::SetInternVisible(bVisible);  
  76.     ::ShowWindow(m_hWnd, bVisible);  
  77. }  
  78.   
  79.   
  80. HWND CDUIMFCCtrlWrapper::Detach()  
  81. {  
  82.     HWND hWnd = m_hWnd;  
  83.     m_hWnd = NULL;  
  84.     return hWnd;  
  85. }  
  86.   
  87.   
  88. BOOL CDUIMFCCtrlWrapper::Attach( HWND hWndNew )  
  89. {  
  90.     if (! ::IsWindow(hWndNew))  
  91.     {  
  92.         return FALSE;  
  93.     }  
  94.     m_hWnd = hWndNew;  
  95.     return TRUE;  
  96. }  



[cpp] view plain copy
  1. #include "stdafx.h"  
  2. #include "DUIMFCCtrlWrapper.h"  
  3. #include "Mycug.h"  
  4.   
  5.   
  6. using namespace DuiLib;  
  7.   
  8.   
  9. class CFrameWindowWnd : public WindowImplBase  
  10. {  
  11.     DUI_DECLARE_MESSAGE_MAP()  
  12. public:  
  13.       
  14. protected:  
  15.     virtual CDuiString GetSkinFolder()   
  16.     {  
  17.         return CPaintManagerUI::GetInstancePath();  
  18.     }  
  19.   
  20.   
  21.     virtual CDuiString GetSkinFile()   
  22.     {  
  23.         return _T("test.xml");  
  24.     }  
  25.   
  26.   
  27.     virtual LPCTSTR GetWindowClassName( void ) const  
  28.     {  
  29.         return _T("CFrameWindowWnd");  
  30.     }  
  31.   
  32.   
  33.     virtual CControlUI* CreateControl( LPCTSTR pstrClass )   
  34.     {  
  35.         if (_tcscmp(pstrClass, _T("MfcCtrl")) == 0)  
  36.         {  
  37.             return new CDUIMFCCtrlWrapper();  
  38.         }  
  39.         return NULL;  
  40.     }  
  41.    
  42.     void OnClick(TNotifyUI& msg)  
  43.     {  
  44.         CDuiString sCtrlName = msg.pSender->GetName();  
  45.         if( sCtrlName == _T("closebtn") )  
  46.         {  
  47.             PostMessage(WM_QUIT, 0, 0);  
  48.             return;   
  49.         }  
  50.         else if( sCtrlName == _T("minbtn"))  
  51.         {   
  52.             SendMessage(WM_SYSCOMMAND, SC_MINIMIZE, 0);   
  53.             return;   
  54.         }  
  55.         else if( sCtrlName == _T("maxbtn"))  
  56.         {   
  57.             SendMessage(WM_SYSCOMMAND, SC_MAXIMIZE, 0);   
  58.             return;   
  59.         }  
  60.         else if( sCtrlName == _T("restorebtn"))  
  61.         {   
  62.             SendMessage(WM_SYSCOMMAND, SC_RESTORE, 0);   
  63.             return;   
  64.         }  
  65.     }   
  66.   
  67.   
  68.     virtual void InitWindow()   
  69.     {  
  70.         CDUIMFCCtrlWrapper* pCtrl = (CDUIMFCCtrlWrapper*)m_PaintManager.FindControl(_T("grid"));  
  71.         if (pCtrl)  
  72.         {  
  73.             m_GridCtrl.CreateGrid(WS_CHILD|WS_VISIBLE,CRect(0,0,0,0),CWnd::FromHandle(GetHWND()),1234);  
  74.             pCtrl->Attach(m_GridCtrl.GetSafeHwnd());  
  75.         }  
  76.     }  
  77.   
  78.   
  79.     MyCug m_GridCtrl;  
  80. };  


[cpp] view plain copy
  1. DUI_BEGIN_MESSAGE_MAP(CFrameWindowWnd, WindowImplBase)  
  2.     DUI_ON_MSGTYPE(DUI_MSGTYPE_CLICK,OnClick)  
  3. DUI_END_MESSAGE_MAP()  
  4.   
  5.   
  6. int APIENTRY WinMain(HINSTANCE hInstance, HINSTANCE /*hPrevInstance*/LPSTR /*lpCmdLine*/int nCmdShow)  
  7. {  
  8.     // initialize MFC and print and error on failure  
  9.     if (!AfxWinInit(::GetModuleHandle(NULL), NULL, ::GetCommandLine(), 0))  
  10.     {  
  11.         // TODO: change error code to suit your needs  
  12.         _tprintf(_T("Fatal Error: MFC initialization failed\n"));  
  13.         return 1;  
  14.     }  
  15.     CPaintManagerUI::SetInstance(hInstance);  
  16.     CPaintManagerUI::SetResourcePath(CPaintManagerUI::GetInstancePath());  
  17.   
  18.   
  19.     HRESULT Hr = ::CoInitialize(NULL);  
  20.     if( FAILED(Hr) ) return 0;  
  21.   
  22.   
  23.     CFrameWindowWnd* pFrame = new CFrameWindowWnd();  
  24.     if( pFrame == NULL ) return 0;  
  25.     pFrame->Create(NULL, _T("测试"), UI_WNDSTYLE_FRAME, WS_EX_WINDOWEDGE);  
  26.     pFrame->CenterWindow();  
  27.     pFrame->ShowWindow(true);  
  28.     CPaintManagerUI::MessageLoop();  
  29.   
  30.   
  31.     ::CoUninitialize();  
  32.     return 0;  
  33. }  




duilib绘图部分

图像的绘制大部分使用了绘制引擎的DrawImageString函数,该函数实现知道图像名称绘制到指定目标区域的功能
并且通过指定pStrModify的属性能够进行不同需求的绘制,例如,仅扣取源图像的某个位置绘制到目标的某个区域、
设置四边圆角绘制、为bmp等指定某种颜色为透明颜色、平铺或者拉伸绘制、设置透明度等。
DrawImageString最终又调用CRenderEngine::DrawImage进行绘制。


[cpp] view plain copy
  1. // hDc HDC句柄  
  2. // CPaintManagerUI句柄  
  3. // rc 目标画布的大小  
  4. // rcPaint 绘制区域  
  5. // pStrImage 为源图像的名称,不需提供路径,函数内部会自动加上资源位置的路径,路径为CPaintManagerUI::SetResourcePath设置的路径。  
  6. // pStrModify 设置绘制属性,含义为:  
  7. // 2、file='aaa.jpg' res='' restype='0' dest='0,0,0,0' source='0,0,0,0' corner='0,0,0,0'   
  8. // mask='#FF0000' fade='255' hole='false' xtiled='false' ytiled='false'  
  9. // source和dest表示从源图像的source区域贴到目标图像的dest区域,mask表示让某颜色为透明色,例如mask="#FF000000",设置黑色为透明色。  
  10. // xtiled,ytiled 设置为true表示横向和纵向的图像不拉伸显示而是平铺显示  
  11. // hole 为true表示不绘制中间部分,为某些场合提高性能  
  12. bool CRenderEngine::DrawImageString(HDC hDC, CPaintManagerUI* pManager, const RECT& rc, const RECT& rcPaint,   
  13.                                           LPCTSTR pStrImage, LPCTSTR pStrModify)  
  14. {  
  15.     if ((pManager == NULL) || (hDC == NULL)) return false;  
  16.   
  17.   
  18.     // 1、aaa.jpg  
  19.     // 2、file='aaa.jpg' res='' restype='0' dest='0,0,0,0' source='0,0,0,0' corner='0,0,0,0'   
  20.     // mask='#FF0000' fade='255' hole='false' xtiled='false' ytiled='false'  
  21.   
  22.   
  23. }  
  24. void CRenderEngine::DrawImage(HDC hDC, HBITMAP hBitmap, const RECT& rc, const RECT& rcPaint,  
  25.                                     const RECT& rcBmpPart, const RECT& rcCorners, bool alphaChannel,   
  26.                                     BYTE uFade, bool hole, bool xtiled, bool ytiled)  




duilib中所有元素的显示都在整个消息循环的WM_PAINT中进行绘制。
第一次绘制之前会发送一个名为_T("windowinit")的通知。
然后为CControlUI的绘制,绘制的顺序为:背景颜色->背景图->状态图->文本->边框
会顺序调用CControlUI的以下函数。        
[cpp] view plain copy
  1. PaintBkColor(hDC);            // 绘制背景颜色  
  2. PaintBkImage(hDC);          // 绘制背景图  
  3. PaintStatusImage(hDC);   // 绘制状态图  
  4. PaintText(hDC);                 // 绘制文本  
  5. PaintBorder(hDC);            // 绘制边框  


所以有需求在界面上动态绘制一些内容时,可以通过CControlUI进行子类化,然后重写PaintStatusImage,
在PaintStatusImage里面进行绘图操作。绘制时可以直接调用duilib绘制引擎进行绘制,比较便捷。当然也可以使用GDI+等库直接进行绘制。


duilib的图像文件的加载是通过一个开源库stb_image.c实现。
并只使用了该库的stbi_load_from_memory和stbi_image_free这两个功能函数。
该库的链接地址:http://nothings.org/stb_image.c
该库对图片的格式的支持情况说明如下:
JPEG 支持Baseline标准型的JPEG,不支持渐进式Progressive的JPEG
PNG   仅支持8位的png图像
BMP  不支持1bpp的bmp,不支持行程编码RLE的bmp
PSD  紧显示合成的图像,不支持额外的通道
GIF *comp always reports as 4-channel


所以在duilib中使用的图片时需要注意到这个限制,否则有些图片将显示不出来。


duilib中把图片文件加载到内存后,由库stb_image.c解析并最终转为DIB处理。
duilib支持从图片文件、从包含图片文件的压缩包文件和VC资源中载入图片。
载入后最终返回TImageInfo结构体指针,包含HBITMAP、图像宽度、图像高度、alpha通道、mask和资源类型等信息。
载入函数为:TImageInfo* CRenderEngine::LoadImage(STRINGorID bitmap, LPCTSTR type, DWORD mask);
duilib中所有的图片资源只从加载一次,然后保存在CPaintManagerUI中的m_mImageHash成员中,该成员为一个
hashmap存储TImageInfo*信息,当已经存在要绘制显示的图片信息时,直接从map中获取显示,否则从文件加载
在添加到map中。



问:如何管理duilib界面皮肤资源?
答:把所有XML文件在同一个目录下,图片资源另外放在一个地方。当如下进行布局资源时,skin目录为设置资源的目录,imagedir1目录放置1.xml文件利用到的图片资源,imagedir2放置2.xml文件利用到的资源。
然后1.xml文件文件中的图片资源名称需要加上相对于当前xml文件的路径信息即可。例如:normalimage="imagedir1/1.png"这样的形式。使用设计器为XML添加资源时会自动转化为相对路径。
skin/
1.xml
2.xml
imagedir1/
1.png
2.png
imagedir2/
1.png
2.png




需注意一个问题,那就是字体的管理。字体对于一个窗口来说是全局的,索引从0开始,font = 0表示使用排在第一位的字体。如果一个界面被拆分为多个XML文件管理,并且当每个单独的文件自己添加字体时,联合起来的时候,会跟其它的字体发生冲突,即索引不是原来的索引了。索引得从全局来看。按照全局的方式进行设置好索引后,对于每个xml文件的预览操作时,又看不到所见即所得的效果了。




关于设计器
问题:为什么给控件设置name属性后保存,但该属性信息丢失?
答:设置控件名称,需要注意,名称中不能含有该控件类名的字段,例如设置其中一个选项按钮的名字为OptionUIMyTest,将不会被保存,因为默认的OptionUI1、OptionUI2等为设计器默认使用的名字当存在OptionUI时,设计器认为是默认的,并非用户设定,所以没有保存该信息到XML文件中。



问:如何把一个内容很长的xml文件分为拆分进行管理?
答:可以使用ChildLayout布局。指定xmlfile属性设置为引用的xml文件。例如以下例子,必须注意一个问题,就是tab_main.xml设置上<Window>标签,并且不要设置size属性,否则会跟主窗体冲突,该大小会作为主窗体的大小而发生错误。


            <TabLayout name="MainTab" width="870" height="362">
                <ChildLayout xmlfile="tab_main.xml" />
                <VerticalLayout padding="1,0,1,1" bkcolor="#FFFFFFFF" />
            </TabLayout>


除了使用ChildLayout布局外,可以使用Include标签,例如:
<Include source="scrollbar.xml" />
0 0
原创粉丝点击