DUILIB 的配置和使用

5140阅读　0评论2019-09-20　iibull
分类：Windows平台

环境:
下载 
在VS2013中编译, 分别编译解决方案, 分别得到  body, pre { margin: 0; padding: 0; } pre { font-family: inherit; } #vt100 { float: left; border: 0px solid; padding: 1px; line-height: 116%; font-size: 9pt; font-family: 'Lucida Console', 'Lucida Console ', 'Consolas'; color: #BFBFBF; background-color: #000000; } .bd { font-weight: bold } .it { font-style: italic } .ul { text-decoration-line: underline } .st { text-decoration-line: line-through } .lu { text-decoration-line: line-through underline } .fg-color0 { color: #000000 } .bg-color0 { background-color: #000000 } .fg-color1 { color: #BF0000 } .bg-color1 { background-color: #BF0000 } .fg-color2 { color: #00BF00 } .bg-color2 { background-color: #00BF00 } .fg-color3 { color: #BFBF00 } .bg-color3 { background-color: #BFBF00 } .fg-color4 { color: #0000BF } .bg-color4 { background-color: #0000BF } .fg-color5 { color: #BF00BF } .bg-color5 { background-color: #BF00BF } .fg-color6 { color: #00BFBF } .bg-color6 { background-color: #00BFBF } .fg-color7 { color: #BFBFBF } .bg-color7 { background-color: #BFBFBF } .fg-color8 { color: #404040 } .bg-color8 { background-color: #404040 } .fg-color9 { color: #FF4040 } .bg-color9 { background-color: #FF4040 } .fg-color10 { color: #40FF40 } .bg-color10 { background-color: #40FF40 } .fg-color11 { color: #FFFF40 } .bg-color11 { background-color: #FFFF40 } .fg-color12 { color: #6060FF } .bg-color12 { background-color: #6060FF } .fg-color13 { color: #FF40FF } .bg-color13 { background-color: #FF40FF } .fg-color14 { color: #40FFFF } .bg-color14 { background-color: #40FFFF } .fg-color15 { color: #FFFFFF } .bg-color15 { background-color: #FFFFFF } .cursor { background-color: #BFBFBF } .font10 { font-family: 'F25 Blackletter Typewriter' } 
DuiLib.dll*  duilib.xml     DuiLib_d.lib   DuiLib_u.lib    DuiLib_ud.lib  DuiLib.lib 
DuiLib_d.dll* DuiLib_u.dll* DuiLib_ud.dll*

从源码中抽取必要的 文件, 得到 开发环境包. duilib_dev.zip
新建一个VS2013 的 WIN32工程.  在 sln 工程目录下加入 duilib的开发包.
并在工程属性: 

点击(此处)折叠或打开

  1. <VC++目录>/<包含目录> 添加 $(SolutionDir)/duilib/inc
  2. <VC++目录>/<包含目录> 添加 $(SolutionDir)/duilib/lib
  3. <链接器>/<附加依赖项> 添加对应的 lib 文件.
代码 stdafx.h 加入
点击(此处)折叠或打开
  1. //引入 DUILIB
  2. #include "UIlib.h"
  3. using namespace DuiLib;

  5. #ifdef _DEBUG
  6. # ifdef _UNICODE
  7. #        pragma comment(lib, "DuiLib_ui.lib")
  8. #    else
  9. #        pragma comment(lib, "DuiLib_d.lib")
  10. #    endif
  11. #else
  12. # ifdef _UNICODE
  13. # pragma comment(lib, "DuiLib_u.lib")
  14. # else
  15. # pragma comment(lib, "DuiLib.lib")
  16. # endif
  17. #endif
加入XML 的 UI文件. 到对应的 Debug/release/unicode_debug等目录中. 同时拷贝对应 DLL 文件到这行执行目录中.

点击(此处)折叠或打开

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <Window mininfo="200,360" size="360,600">
  3.     <Font shared="true" id="0" name="幼圆" size="12" default="true" />
  4.     <Font shared="true" id="1" name="微软雅黑" size="18" />
  5.     <Include source="scrollbar.xml" />
  6.     <Default shared="true" name="Slider" value="thumbsize="10,10" bkimage="file='bg.bmp' corner='6,0,6,0' mask='#FFFF00FF'" foreimage="file='fg.bmp' corner='6,0,6,0' mask='#FFFF00FF'" thumbimage="file='thumb.bmp' source='30,0,40,10' mask='#FFDAEBF9'" thumbhotimage="file='thumb.bmp' source='10,0,20,10' mask='#FFDAEBF9'" " />
  7.     <Default shared="true" name="Button" value="textcolor="#000000" hottextcolor="#FFFFFF" focusedtextcolor="#000000" pushedtextcolor="#77a8de" normalimage="file='Button/btn.png' corner='5,11,5,11' source='0,0,96,24'" hotimage="file='Button/btn.png' corner='5,11,5,11' source='0,24,96,48'" pushedimage="file='Button/btn.png' corner='5,11,5,11' source='0,48,96,72'" disabledimage="file='Button/btn.png' corner='5,11,5,11' source='0,72,96,96'"" />
  8.     <Default shared="true" name="Option" value="textcolor="#FFbac0c5" hottextcolor="#FF386382" selectedtextcolor="#FF386382" disabledtextcolor="#FFbac0c5" textpadding="18,2,0,0" align="left" selectedimage="file='Button/RadioBtnSel.png' source='0,0,13,13' dest='0,5,14,19'" normalimage="file='Button/RadioBtnNon.png' source='0,0,13,13' dest='0,5,14,19'"" />
  9.     <Default shared="true" name="CheckBox" value="textcolor="#FFbac0c5" hottextcolor="#FF386382" selectedtextcolor="#FF386382" disabledtextcolor="#FFbac0c5" textpadding="20,2,0,0" align="left" selectedimage="file='Icon/checked.png' dest='0,2,16,18'" normalimage="file='Icon/unchecked.png' dest='0,2,16,18'"" />
  10.     
  11.     <VerticalLayout inset="10,6,10,6" bkcolor="#FFEA679F" colorhsl="true" bkimage="file='voice_rect.png' xtiled='true' ytiled='true' dest='0,0,200,400'">
  12.         <Slider name="alpha_controlor" min="20" max="255" value="255"/>
  13.         <Control height="4"/>
  14.         <Slider name="h_controlor" max="360" value="180"/>
  15.         <Control height="4"/>
  16.         <Slider name="s_controlor" max="200" value="100"/>
  17.         <Control height="4"/>
  18.         <Slider name="l_controlor" max="200" value="100"/>
  19.         <Button name="changeskinbtn" height="20" text="换肤" maxwidth="120" />
  20.         <RichEdit name="testrichedit" bordercolor="#FF0000" bordersize="0" borderround="18,18" inset="4,2,4,2" bkcolor="#A0F2F5FA" bkcolor2="#A0FF0000" bkcolor3="#A0F2F5FA" font="1" multiline="true" vscrollbar="true" autovscroll="true" enabled="true" rich="true" readonly="false" text="1爱3">
  21.             <Control bkcolor="#FFF22E2E" float="true" pos="80,40,260,220" bkimage="winbk.bmp" />
  22.             <Button name="insertimagebtn" float="0.5,0.5,0.5,0.5" pos="-80,-10,80,10" text="删除自己" />
  23.         </RichEdit>
  24.         <Control height="26"/>
  25.         <Edit name="testedit" text="{a }ddd{/a}" showhtml="true" maxwidth="280" bkcolor="#0000E000" nativebkcolor="#0000E000"/>
  26.         <RichEdit name="testrichedit1" bordercolor="#FF0000" bordersize="2" borderround="8,8" inset="4,2,4,2" bkcolor="#FFE2E5EA" bkcolor2="#FF00F5DA" bkcolor3="#FFF2F5FA" font="1" multiline="false" rich="false" hscrollbar="true" autohscroll="true"/>
  27.         <DateTime name="DateTime" width="200" height="30" bkcolor="#FFE2E5EA" padding="0,5,0,0" />
  28.         <CheckBox name="CheckBox1" width="20" height="20" bkcolor="#FFEA679F" />
  29.         <ComboBox name="ComboBox1" width="200" height="30" bkcolor="#FFEA679F" bordersize="1" bordercolor="0xFFFF0000">
  30.             <ListLabelElement text="11111111111111"/>
  31.             <ListLabelElement text="22222222222222"/>
  32.             <ListLabelElement text="33333333333333" selected="true"/>
  33.             <ListLabelElement text="44444444444444"/>
  34.             <ListLabelElement text="55555555555555"/>
  35.             <ComboBox height="30" bkcolor="#FF00679F" >
  36.                 <Edit text="{a }ddd{/a}" />
  37.                 <ListLabelElement text="666666666666666"/>
  38.             </ComboBox>
  39.             <Edit text="{a }ddd{/a}" />
  40.         </ComboBox>
  41.         <TreeView bkcolor="#ffffffff" visiblefolderbtn="true" visiblecheckbtn="true" vscrollbar="true" >
  42.             <TreeNode text="A1" folderattr="padding="0,1,0,0" width="16" height="16" normalimage="file='Icon/treeview_b.png' source='0,0,16,16' " hotimage="file='Icon/treeview_b.png' source='16,0,32,16' " selectedimage="file='Icon/treeview_a.png' source='0,0,16,16' " selectedhotimage="file='Icon/treeview_a.png' source='16,0,32,16' "" checkboxattr="width="16" height="16" normalimage="file='Icon/unchecked.png' " selectedimage="file='Icon/checked.png' "" >
  43.             <TreeNode text="B1" folderattr="padding="0,1,0,0" width="16" height="16" normalimage="file='Icon/treeview_b.png' source='0,0,16,16' " hotimage="file='Icon/treeview_b.png' source='16,0,32,16' " selectedimage="file='Icon/treeview_a.png' source='0,0,16,16' " selectedhotimage="file='Icon/treeview_a.png' source='16,0,32,16' "" checkboxattr="width="16" height="16" normalimage="file='Icon/unchecked.png' " selectedimage="file='Icon/checked.png' "" >
  44.                 <TreeNode text="C1" folderattr="padding="0,1,0,0" width="16" height="16" normalimage="file='Icon/treeview_b.png' source='0,0,16,16' " hotimage="file='Icon/treeview_b.png' source='16,0,32,16' " selectedimage="file='Icon/treeview_a.png' source='0,0,16,16' " selectedhotimage="file='Icon/treeview_a.png' source='16,0,32,16' "" checkboxattr="width="16" height="16" normalimage="file='Icon/unchecked.png' " selectedimage="file='Icon/checked.png' "" >
  45.                     <TreeNode text="D1" folderattr="padding="0,1,0,0" width="16" height="16" normalimage="file='Icon/treeview_b.png' source='0,0,16,16' " hotimage="file='Icon/treeview_b.png' source='16,0,32,16' " selectedimage="file='Icon/treeview_a.png' source='0,0,16,16' " selectedhotimage="file='Icon/treeview_a.png' source='16,0,32,16' "" checkboxattr="width="16" height="16" normalimage="file='Icon/unchecked.png' " selectedimage="file='Icon/checked.png' "" >
  46.                         <Button text="扩展按钮" width="100" />
  47.                     </TreeNode>
  48.                     <Button text="扩展按钮" width="100" />
  49.                 </TreeNode>
  50.                 <Edit text="扩展文本框" tipvalue="扩展文本框" width="100" />
  51.             </TreeNode>
  52.             <Edit text="扩展文本框" tipvalue="扩展文本框" width="100" />
  53.             </TreeNode>
  54.             <TreeNode text="A2" folderattr="padding="0,1,0,0" width="16" height="16" normalimage="file='Icon/treeview_b.png' source='0,0,16,16' " hotimage="file='Icon/treeview_b.png' source='16,0,32,16' " selectedimage="file='Icon/treeview_a.png' source='0,0,16,16' " selectedhotimage="file='Icon/treeview_a.png' source='16,0,32,16' "" checkboxattr="width="16" height="16" normalimage="file='Icon/unchecked.png' " selectedimage="file='Icon/checked.png' "" >
  55.             <TreeNode text="B2" folderattr="padding="0,1,0,0" width="16" height="16" normalimage="file='Icon/treeview_b.png' source='0,0,16,16' " hotimage="file='Icon/treeview_b.png' source='16,0,32,16' " selectedimage="file='Icon/treeview_a.png' source='0,0,16,16' " selectedhotimage="file='Icon/treeview_a.png' source='16,0,32,16' "" checkboxattr="width="16" height="16" normalimage="file='Icon/unchecked.png' " selectedimage="file='Icon/checked.png' "" >
  56.                 <TreeNode text="C2" folderattr="padding="0,1,0,0" width="16" height="16" normalimage="file='Icon/treeview_b.png' source='0,0,16,16' " hotimage="file='Icon/treeview_b.png' source='16,0,32,16' " selectedimage="file='Icon/treeview_a.png' source='0,0,16,16' " selectedhotimage="file='Icon/treeview_a.png' source='16,0,32,16' "" checkboxattr="width="16" height="16" normalimage="file='Icon/unchecked.png' " selectedimage="file='Icon/checked.png' "" >
  57.                     <TreeNode text="D2" folderattr="padding="0,1,0,0" width="16" height="16" normalimage="file='Icon/treeview_b.png' source='0,0,16,16' " hotimage="file='Icon/treeview_b.png' source='16,0,32,16' " selectedimage="file='Icon/treeview_a.png' source='0,0,16,16' " selectedhotimage="file='Icon/treeview_a.png' source='16,0,32,16' "" checkboxattr="width="16" height="16" normalimage="file='Icon/unchecked.png' " selectedimage="file='Icon/checked.png' "" >
  58.                         <Option text="扩展单选框" width="100" group="RadioBoxTest" />
  59.                     </TreeNode>
  60.                     <Option text="扩展单选框" width="100" group="RadioBoxTest" />
  61.                 </TreeNode>
  62.                 <CheckBox text="扩展复选框" width="100" />
  63.             </TreeNode>
  64.             <CheckBox text="扩展复选框" width="100" />
  65.             </TreeNode>
  66.         </TreeView>
  67.     </VerticalLayout>
  68. </Window>
去掉原工程中的代码. 添加.

点击(此处)折叠或打开

  1. // Win32Prj_Duilib.cpp : 定义应用程序的入口点。
  2. //

  4. #include "stdafx.h"
  5. #include "Win32Prj_Duilib.h"

  7. #ifndef _DWMAPI_H_
  8. typedef struct DWM_BLURBEHIND
  9. {
  10.     DWORD dwFlags;
  11.     BOOL fEnable;
  12.     HRGN hRgnBlur;
  13.     BOOL fTransitionOnMaximized;
  14. } DWM_BLURBEHIND;

  16. typedef struct tagDWL_MARGINS {
  17.     int cxLeftWidth;
  18.     int cxRightWidth;
  19.     int cyTopHeight;
  20.     int cyBottomHeight;
  21. } DWM_MARGINS, *PDWM_MARGINS;

  23. // Window attributes
  24. enum DWMWINDOWATTRIBUTE
  25. {
  26.     DWMWA_NCRENDERING_ENABLED = 1, // [get] Is non-client rendering enabled/disabled
  27.     DWMWA_NCRENDERING_POLICY, // [set] Non-client rendering policy
  28.     DWMWA_TRANSITIONS_FORCEDISABLED, // [set] Potentially enable/forcibly disable transitions
  29.     DWMWA_ALLOW_NCPAINT, // [set] Allow contents rendered in the non-client area to be visible on the DWM-drawn frame.
  30.     DWMWA_CAPTION_BUTTON_BOUNDS, // [get] Bounds of the caption button area in window-relative space.
  31.     DWMWA_NONCLIENT_RTL_LAYOUT, // [set] Is non-client content RTL mirrored
  32.     DWMWA_FORCE_ICONIC_REPRESENTATION, // [set] Force this window to display iconic thumbnails.
  33.     DWMWA_FLIP3D_POLICY, // [set] Designates how Flip3D will treat the window.
  34.     DWMWA_EXTENDED_FRAME_BOUNDS, // [get] Gets the extended frame bounds rectangle in screen space
  35.     DWMWA_HAS_ICONIC_BITMAP, // [set] Indicates an available bitmap when there is no better thumbnail representation.
  36.     DWMWA_DISALLOW_PEEK, // [set] Don
执行测试.




上一篇：Ubuntu 整理软件开发平台 - tmux 使用
下一篇：DUILIB 的配置和使用