add ui resource

examples/proto_debuger/lua_wraper.cpp

@@ -53,8 +53,7 @@ void LuaDelegate::OnSerialData(std::string data) {
 }
 
 
-void LuaDelegate::DumpStack()
-{
+void LuaDelegate::DumpStack() {
     static int count = 0;
     printf("begin dump lua stack:%d\n", count);
     int top = lua_gettop(mVM);
@@ -81,16 +80,14 @@ void LuaDelegate::DumpStack()
 }
 
 
-LuaDelegate::~LuaDelegate()
-{
+LuaDelegate::~LuaDelegate() {
     if(nullptr != mVM){
         lua_close(mVM);
     }
 }
 
 LuaDelegate::LuaDelegate():
-    mVM(nullptr)
-{
+    mVM(nullptr) {
     mVM = luaL_newstate();		//打开lua
     if(nullptr != mVM){
         printf("shit is nullptr");
@@ -100,8 +97,7 @@ LuaDelegate::LuaDelegate():
 }
 
 LuaDelegate::LuaDelegate(std::map<std::string, lua_CFunction> maps) :
-	mVM(nullptr)
-{
+	mVM(nullptr) {
 	mVM = luaL_newstate();		//打开lua
 	if (nullptr != mVM) {
 		printf("shit is nullptr");
@@ -114,8 +110,7 @@ LuaDelegate::LuaDelegate(std::map<std::string, lua_CFunction> maps) :
     mFunc = maps;
 }
 
-int LuaDelegate::DoFile(std::string path)
-{
+int LuaDelegate::DoFile(std::string path) {
     if(mVM != nullptr){
         int ret = luaL_dofile(mVM, path.c_str());
         if (ret > 0){

examples/x64/Debug/resources/lang/en_US/gdstrings.ini

@@ -0,0 +1,24 @@
+;String resources in English 
+;Example:
+;STRID_MAINWINDOW_BUTTON_LOGIN = Login
+;TIPID_MAINWINDOW_BUTTON_LOGIN = Click to login
+;comment symbol：“;”
+;rule：Every window uses its own strings. One windows is not permitted to use strings of other windows'.
+
+;Common
+STRING_OK = OK
+STRING_CANCEL = Cancel
+
+;cef Browser
+STRID_CEF_BROWSER_WINDOW_MODE		=	Window Mode Cef Browser Component Test
+STRID_CEF_BROWSER_BACKWARD		=	Back
+STRID_CEF_BROWSER_FORWARD		=	Forward
+STRID_CEF_BROWSER_INPUT_ADDRESS		=	Input Address
+STRID_CEF_BROWSER_BROWSE_TO		=	Go To
+STRID_CEF_BROWSER_REFRESH		=	Reload
+STRID_CEF_BROWSER_HELLO_JS		= 	Hello JS！
+STRID_CEF_BROWSER_INPUT_TEXT		=	Input text sending to JS
+STRID_CEF_BROWSER_SEND_TO_JS		=	Send to JS
+STRID_CEF_BROWSER_OFF_SCREEN_MODE	=	Off-screen Rendering Cef Browser Component Test
+STRID_CEF_BROWSER_RECEIVE_JS_MSG	=	Received Msg From JS: %s
+STRID_CEF_BROWSER_MULTI_TAB		=	Multi Tab Browser

examples/x64/Debug/resources/lang/zh_CN/gdstrings.ini

@@ -0,0 +1,25 @@
+;中文简体字符资源
+;事例
+;常规字符：STRID_MAINWINDOW_BUTTON_LOGIN = 登 录
+;Tip字符 ：TIPID_MAINWINDOW_BUTTON_LOGIN = 点击登录
+;注释符号：“;”
+;使用规范：每个窗口单独成方阵，不允许出现跨窗口复用情况（一个字符资源多个窗口使用）
+
+;通用
+STRING_OK = 确定
+STRING_CANCEL = 取消
+
+;cef 浏览器
+STRID_CEF_BROWSER_WINDOW_MODE		=	有窗模式Cef浏览器组件测试
+STRID_CEF_BROWSER_BACKWARD		=	后退
+STRID_CEF_BROWSER_FORWARD		=	前进
+STRID_CEF_BROWSER_INPUT_ADDRESS		=	请输入地址
+STRID_CEF_BROWSER_BROWSE_TO		=	转到
+STRID_CEF_BROWSER_REFRESH		=	刷新
+STRID_CEF_BROWSER_HELLO_JS		= 	你好JS！
+STRID_CEF_BROWSER_INPUT_TEXT		=	输入发送给JS的文本
+STRID_CEF_BROWSER_SEND_TO_JS		=	发送给JS
+STRID_CEF_BROWSER_OFF_SCREEN_MODE	=	离屏渲染Cef浏览器组件测试
+STRID_CEF_BROWSER_RECEIVE_JS_MSG	=	收到来自JS的消息：%s
+STRID_CEF_BROWSER_MULTI_TAB		=	可拖拽多标签浏览器
+STRID_CEF_BROWSER_CLOSING		=	当前窗口包含多个标签页，确定要关闭吗？

examples/x64/Debug/resources/themes/default/basic/basic.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window size="800,600" sizebox="2,2,2,2" caption="0,0,0,35" mininfo="800,600">
+  <VBox bkcolor="bk_wnd_darkcolor">
+    <!-- 标题栏 -->
+    <HBox width="stretch" height="35" bkcolor="bk_wnd_lightcolor">
+      <Control margin="60,0,0,0" />
+      <Label name="title" text="协议调试器" align="left" height="35" font="title"/>
+      <Control />
+      <Button class="btn_wnd_min" name="minbtn" margin="4,6,0,0"/>
+      <Box width="21" margin="4,6,0,0">
+        <Button class="btn_wnd_max" name="maxbtn"/>
+        <Button class="btn_wnd_restore" name="restorebtn" visible="false"/>
+      </Box>
+      <Button class="btn_wnd_close" name="closebtn" margin="4,6,8,0"/>
+    </HBox>
+    <!-- 侧边栏 -->
+    <HBox>
+      <Box width="150" height="stretch">
+        <VBox valign="top" halign="left" width="150" height="stretch" bkcolor="lightcolor">
+          <Button class="btn_global_blue_80x30" width="100" name="add_new" bkcolor="lightcolor" margin="25,3,5,3" />
+          <TreeView class="list" name="tree" bkcolor="lightcolor" height="stretch" padding="5,3,5,3">
+          </TreeView>
+        </VBox>
+      </Box>
+      <!-- 主界面 -->
+      <TabBox name="tab_side" width="stretch" height="stretch">
+      </TabBox>
+    </HBox>
+  </VBox>
+</Window>

examples/x64/Debug/resources/themes/default/basic/newmonitor.xml

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window size="250,300" caption="0,0,0,35">
+  <VBox bkcolor="bk_wnd_darkcolor">
+    <!-- 标题栏 -->
+    <HBox width="stretch" height="35" bkcolor="bk_wnd_lightcolor">
+      <Label name="title" text="新建监听项" valign="center" margin="60,15,0,0" align="left" width="stretch" height="35" font="arial_14"/>
+    </HBox>
+    <HBox width="stretch" height="35" margin="10,10,10,10">
+      <Label name="title" text="类型:" valign="bottom" margin="30,0,0,0" width="60" height="30" font="arial_14"/>
+      <Combo class="list" name="combo_type" height="30" width="80" bkimage="file='../public/combo/normal.png' corner='5,5,30,5'"/>
+      <Control width="stretch"/>
+    </HBox>
+    <VBox bkcolor="bk_wnd_darkcolor" height="100" visible="false" name="uart_config">
+      <HBox width="stretch" height="35" margin="10,10,10,10">
+        <Label name="title" text="串口:" valign="bottom" margin="30,0,0,0" width="60" height="30" font="arial_14"/>
+        <Combo class="list" name="uart_type" height="30" width="80" bkimage="file='../public/combo/normal.png' corner='5,5,30,5'"/>
+        <Control width="stretch"/>
+      </HBox>
+      <HBox width="stretch" height="35" margin="10,10,10,10">
+        <Label name="title" text="波特率:" valign="bottom" margin="30,0,0,0" width="60" height="30" font="arial_14"/>
+        <Combo class="list" name="uart_baurate_select" height="30" width="80" bkimage="file='../public/combo/normal.png' corner='5,5,30,5'"/>
+        <Control width="stretch"/>
+      </HBox>
+    </VBox>
+    <VBox bkcolor="bk_wnd_darkcolor" height="90" visible="false" name="ip_config">
+      <HBox width="stretch" height="35" margin="10,0,0,0">
+        <Label name="title" text="ip: " valign="bottom" margin="30,0,0,0" width="60" height="30" font="arial_14"/>
+        <RichEdit class="simple input" width="90" name="ip_edit" height="30" margin="0,3" padding="6,6,6" />
+        <Control width="stretch"/>
+      </HBox>
+      <HBox width="stretch" height="35" margin="10,0,0,0">
+        <Label name="title" text="端口:" valign="bottom" margin="30,0,0,0" width="60" height="30" font="arial_14"/>
+        <RichEdit class="simple input" width="90" name="port_input" height="30" margin="0,3" padding="6,6,6" />
+        <Control width="stretch"/>
+      </HBox>
+    </VBox>
+    <Button class="btn_global_blue_80x30" name="open_button" width="100" margin="80,3,5,3" text="打开" />
+    <Button class="btn_global_blue_80x30" name="exit_button" width="100" margin="80,3,5,3" text="退出" />
+  </VBox>
+</Window>

examples/x64/Debug/resources/themes/default/basic/project.dui

@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<Project path="E:\NIM_Duilib_Framework\examples\Debug\resources\themes\default\basic\" />

examples/x64/Debug/resources/themes/default/basic/tcp_form.xml

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<ChildBox name="tcp_form" width="stretch" height="stretch">
+    <VBox width="stretch" height="stretch">
+        <Label name="uart_info_label" text="当前串口: COM" margin="0,10,0,0" height="25" />
+      <HBox  height="25"  width="stretch">
+        <Label text="数据接收:" margin="0,10,0,0" height="25" width="stretch"/>
+        <Label text="lua脚本:" margin="0,10,0,0" height="25" width="stretch"/>
+
+      </HBox>
+        <HBox>
+          <RichEdit class="simple input" width="stretch" name="uart_recv_eidt" height="stretch" margin="5,5,5,5" padding="6,6,6" multiline="true" vscrollbar="true" hscrollbar="true" autovscroll="true" normaltextcolor="darkcolor" wantreturnmsg="true" rich="true" />
+          <RichEdit class="simple input" width="stretch" name="lua_script" height="stretch" margin="5,5,5,5" padding="6,6,6" multiline="true" vscrollbar="true" hscrollbar="true" autovscroll="true" normaltextcolor="darkcolor" wantreturnmsg="true" rich="true" />
+        </HBox>
+      <Label text="发送数据" height="25" />
+        <RichEdit class="simple input" width="stretch" name="uart_send_edit" height="30" margin="5,5,5,5" padding="6,6,6" />
+        <HBox height="40">
+            <Button class="btn_global_blue_80x30" name="btn_send_data" width="100" text="发送" bkcolor="lightcolor" margin="25,3,5,3" />
+            <CheckBox class="checkbox_font12" name="check_new_line" text="发送新行" margin="10,12,0,0" selected="true"/>
+            <CheckBox class="checkbox_font12" name="check_time_send" text="定时发送" margin="10,12,0,0" selected="true"/>
+          <RichEdit class="simple input"  name="cycle_eidt" width="50"  margin="5,5,5,5" padding="6,6,6" />
+          <Label text="ms"  margin="5,5,5,5"  width="50" />
+          <CheckBox class="checkbox_font12" name="check_hex_send" text="hex显示" margin="10,12,0,0" selected="true"/>
+            <CheckBox class="checkbox_font12" name="check_hex_recv" text="hex接受" margin="10,12,0,0" selected="true"/>
+            <Button class="btn_global_blue_80x30" name="btn_close_uart" width="100" text="关闭" bkcolor="lightcolor" margin="25,3,5,3" />
+        </HBox>
+        <HBox height="40">
+            <Button class="btn_global_blue_80x30" name="btn_do_lua" width="100" text="执行" bkcolor="lightcolor" margin="25,3,5,3" />
+            <RichEdit class="simple input" width="stretch" name="lua_do" height="30" margin="5,5,5,5"  multiline="true" vscrollbar="true" hscrollbar="true" autovscroll="true" normaltextcolor="darkcolor" wantreturnmsg="true" rich="true" />
+
+        </HBox>
+    </VBox>
+</ChildBox>
+

examples/x64/Debug/resources/themes/default/basic/uart_form.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<ChildBox name="uart_form" width="stretch" height="stretch">
+    <VBox width="stretch" height="stretch">
+        <Label name="uart_info_label" text="当前串口: COM" margin="0,10,0,0" height="25" />
+      <HBox  height="25"  width="stretch">
+        <Label text="数据接收:" margin="0,10,0,0" height="25" width="stretch"/>
+        <Label text="lua脚本:" margin="0,10,0,0" height="25" width="stretch"/>
+
+      </HBox>
+        <HBox>
+          <RichEdit class="simple input" width="stretch" name="uart_recv_eidt" height="stretch" margin="5,5,5,5" padding="6,6,6" multiline="true" vscrollbar="true" hscrollbar="true" autovscroll="true" normaltextcolor="darkcolor" wantreturnmsg="true" rich="true" />
+          <RichEdit class="simple input" width="stretch" name="lua_script" height="stretch" margin="5,5,5,5" padding="6,6,6" multiline="true" vscrollbar="true" hscrollbar="true" autovscroll="true" normaltextcolor="darkcolor" wantreturnmsg="true" rich="true" />
+        </HBox>
+      <Label text="发送数据" height="25" />
+        <RichEdit class="simple input" width="stretch" name="uart_send_edit" height="30" margin="5,5,5,5" padding="6,6,6" />
+        <HBox height="40">
+            <Button class="btn_global_blue_80x30" name="btn_send_data" width="100" text="发送" bkcolor="lightcolor" margin="25,3,5,3" />
+            <CheckBox class="checkbox_font12" name="check_new_line" text="发送新行" margin="10,12,0,0" selected="true"/>
+            <CheckBox class="checkbox_font12" name="check_time_send" text="定时发送" margin="10,12,0,0" selected="true"/>
+            <CheckBox class="checkbox_font12" name="check_hex_send" text="hex显示" margin="10,12,0,0" selected="true"/>
+            <CheckBox class="checkbox_font12" name="check_hex_recv" text="hex接受" margin="10,12,0,0" selected="true"/>
+            <Button class="btn_global_blue_80x30" name="btn_close_uart" width="100" text="关闭" bkcolor="lightcolor" margin="25,3,5,3" />
+
+        </HBox>
+    </VBox>
+</ChildBox>
+

examples/x64/Debug/resources/themes/default/cef/cef.html

@@ -0,0 +1,31 @@
+<html>
+<head>
+<meta charset="UTF-8" />
+<script>
+  const showMessage = () => {
+    const message = document.getElementById('message_input').value
+    // 调用一个 C++ 注册过的方法
+    NimCefWebInstance.call('ShowMessageBox', { message }, (error, result) => {
+      console.log(result)
+    })
+  }
+</script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+</head>
+<body>
+<div class="row">
+  <div class="col-sm-6 col-md-6 col-md-offset-3 col-sm-offset-3">
+    <h1 class="text-center">CEF 控件示例</h1>
+    <h3 class="text-center">演示如何在 Duilib 中使用 CEF 控件</h3>
+    <div class="input-group">
+      <input type="text" id="message_input" class="form-control" placeholder="输入内容发送给 C++ 接收">
+      <span class="input-group-btn">
+        <button class="btn btn-default" type="button" onclick="showMessage()">发送</button>
+      </span>
+    </div><!-- /input-group -->
+  </div><!-- /.col-lg-6 -->
+</div><!-- /.row -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+</body>
+</html>

examples/x64/Debug/resources/themes/default/cef/cef.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window size="800,600" caption="0,0,0,35" shadowattached="false">
+  <VBox bkcolor="bk_wnd_darkcolor">
+    <HBox width="stretch" height="35" bkcolor="bk_wnd_lightcolor">
+      <Control />
+      <Button name="btn_dev_tool" width="auto" height="auto" valign="center" tooltiptext="开发者工具" bkimage="btn_dev_tool.png" margin="4"/>
+      <Button class="btn_wnd_min" name="minbtn" margin="4,6,0,0"/>
+      <Box width="21" margin="4,6,0,0">
+        <Button class="btn_wnd_max" name="maxbtn"/>
+        <Button class="btn_wnd_restore" name="restorebtn" visible="false"/>
+      </Box>
+      <Button class="btn_wnd_close" name="closebtn" margin="4,6,8,0"/>
+    </HBox>
+    <HBox height="auto">
+      <Button class="btn_global_blue_80x30" name="btn_back" text="后退" width="60"/>
+      <Button class="btn_global_blue_80x30" name="btn_forward" text="前进" width="60" margin="5,0,5"/>
+      <RichEdit class="simple prompt input" name="edit_url" width="stretch" height="28" valign="center" padding="5,5,5,5" prompttext="请输入网址"/>
+      <Button class="btn_global_blue_80x30" name="btn_navigate" text="转到" width="60" margin="5"/>
+      <Button class="btn_global_blue_80x30" name="btn_refresh" text="刷新" width="60" margin="5"/>
+    </HBox>
+    <CefControl name="cef_control"/>
+    <CefControl name="cef_control_dev"/>
+  </VBox>
+</Window>

examples/x64/Debug/resources/themes/default/controls/controls.xml

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window size="800,600" caption="0,0,0,35">
+  <VBox bkcolor="bk_wnd_darkcolor">
+    <HBox width="stretch" height="35" bkcolor="bk_wnd_lightcolor">
+      <Control width="auto" height="auto" bkimage="logo_18x18.png" valign="center" margin="8"/>
+      <Label text="Controls" valign="center" margin="8"/>
+      <Control />
+      <Button class="btn_wnd_settings" name="settings" margin="4,6,0,0"/>
+      <Button class="btn_wnd_min" name="minbtn" margin="4,6,0,0"/>
+      <Box width="21" margin="4,6,0,0">
+        <Button class="btn_wnd_max" name="maxbtn"/>
+        <Button class="btn_wnd_restore" name="restorebtn" visible="false"/>
+      </Box>
+      <Button class="btn_wnd_close" name="closebtn" margin="4,6,8,0"/>
+    </HBox>
+    <VBox padding="30,30,30,30">
+      <HBox height="110" padding="0,0,0,20">
+        <!-- Buttons -->
+        <VBox>
+          <Button class="btn_global_blue_80x30" text="blue"/>
+          <Button class="btn_global_white_80x30" text="white"/>
+          <Button class="btn_global_red_80x30" text="red"/>
+        </VBox>
+        <!-- Checkbox -->
+        <VBox>
+          <CheckBox class="checkbox_font12" text="checkbox1" margin="0,5,0,10" selected="true"/>
+          <CheckBox class="checkbox_font12" text="checkbox2" margin="0,5,0,10"/>
+          <CheckBox class="checkbox_font12" text="checkbox3" margin="0,5,0,10"/>
+        </VBox>
+        <!-- Option -->
+        <VBox>
+          <Option class="circle_option_2" group="option_group" text="option1" margin="0,3,0,10" selected="true"/>
+          <Option class="circle_option_2" group="option_group" text="option2" margin="0,3,0,10"/>
+          <Option class="circle_option_2" group="option_group" text="option3" margin="0,3,0,10"/>
+        </VBox>
+        <!-- List -->
+        <VListBox class="list" name="list" padding="5,3,5,3">
+        </VListBox>
+        <!-- TreeView -->
+        <TreeView class="list" name="tree" padding="5,3,5,3" margin="20">
+        </TreeView>
+      </HBox>
+      <Control class="splitline_hor_level1"/>
+      <HBox height="85">
+        <VBox margin="0,0,10">
+          <Combo class="list" name="combo" height="30" margin="0,12,0,0" padding="6" bkimage="file='../public/combo/normal.png' corner='5,5,30,5'"/>
+          <RichEdit class="simple input" height="30" margin="0,3" padding="6,6,6" promptmode="true" prompttext="Single line text control" promptcolor="lightcolor"/>
+        </VBox>
+        <!-- Progress -->
+        <VBox>
+          <HBox margin="0,10" height="32">
+            <Control width="auto" height="auto" bkimage="../public/animation/ani_loading.gif" valign="center"/>
+            <Progress class="progress_blue" name="progress" value="0" margin="10"/>
+          </HBox>
+          <HBox margin="0,0,0,10" height="32">
+            <Control width="auto" height="auto" bkimage="set_speaker.png" valign="center"/>
+            <Slider class="slider_green" value="70" margin="10"/>
+          </HBox>
+        </VBox>
+		<VBox width="120">
+             <CircleProgress name="circleprogress" circular="true"  height="80" width="80" 
+             circlewidth="10" bgcolor="gray" fgcolor="green"  clockwise="true"  min="1" max="100" value="75" margin="10"
+             textpadding="10,32,10,10" normaltextcolor="darkcolor" indicator="logo_18x18.png"/>
+		</VBox>
+      </HBox>
+	
+      <Control class="splitline_hor_level1"/>
+      <!-- RichEdit -->
+      <RichEdit class="prompt" name="edit" bkcolor="bk_wnd_lightcolor" width="stretch" height="stretch" 
+                  multiline="true" vscrollbar="true" hscrollbar="true" autovscroll="true" 
+                  normaltextcolor="darkcolor" wantreturnmsg="true" rich="true"/>
+    </VBox>
+  </VBox>
+</Window>

examples/x64/Debug/resources/themes/default/controls/project.dui

@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<Project path="E:\NIM_Duilib_Framework\bin\resources\themes\default\controls\" />

examples/x64/Debug/resources/themes/default/global.xml

@@ -0,0 +1,163 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Global>
+  <!--所有字体-->
+  <Font id="system_12" name="system" size="12" default="true" />
+  <Font id="system_14" name="system" size="14" />
+  <Font id="system_16" name="system" size="16" />
+  <Font id="system_18" name="system" size="18" />
+  <Font id="system_20" name="system" size="20" />
+  <Font id="system_22" name="system" size="22" />
+  <Font id="system_bold_12" name="system" size="12" bold="true" />
+  <Font id="system_bold_14" name="system" size="14" bold="true" />
+  <Font id="system_bold_16" name="system" size="16" bold="true" />
+  <Font id="system_bold_18" name="system" size="18" bold="true" />
+  <Font id="system_bold_20" name="system" size="20" bold="true" />
+  <Font id="system_bold_22" name="system" size="22" bold="true" />
+  <Font id="arial_12" name="arial" size="12" />
+  <Font id="arial_14" name="arial" size="14" />
+  <Font id="arial_16" name="arial" size="16" />
+  <Font id="arial_18" name="arial" size="18" />
+  <Font id="arial_20" name="arial" size="20" />
+  <Font id="arial_22" name="arial" size="22" />
+  <Font id="arial_bold_12" name="arial" size="12" bold="true" />
+  <Font id="arial_bold_14" name="arial" size="14" bold="true" />
+  <Font id="arial_bold_16" name="arial" size="16" bold="true" />
+  <Font id="arial_bold_18" name="arial" size="18" bold="true" />
+  <Font id="arial_bold_20" name="arial" size="20" bold="true" />
+  <Font id="arial_bold_22" name="arial" size="22" bold="true" />
+  <Font id="system_underline_12" name="system" size="12" underline="true" />
+  <Font id="system_underline_14" name="system" size="14" underline="true" />
+  <Font id="system_underline_16" name="system" size="16" underline="true" />
+  <Font id="system_underline_18" name="system" size="18" underline="true" />
+  <Font id="system_underline_20" name="system" size="20" underline="true" />
+  <Font id="system_underline_22" name="system" size="22" underline="true" />
+  <Font id="title" name="system" size="20" />
+
+  <!--一些常规固定颜色-->
+  <TextColor name="white" value="#ffffffff" />
+  <TextColor name="black" value="#ff000000" />
+  <TextColor name="darkcolor" value="#ff333333" />
+  <TextColor name="lightcolor" value="#ff888888" />
+  <TextColor name="gray" value="#ff8e99a6" />
+  <TextColor name="light_gray" value="#ffa8a8a8" />
+  <TextColor name="dark_gray" value="#ff72797f" />
+  <TextColor name="green" value="#ff00bb96" />
+  <TextColor name="light_green" value="#ff21c7a6" />
+  <TextColor name="blue" value="#ff006DD9" />
+  <TextColor name="red" value="#ffC63535" />
+
+  <!--文字色值，不带透明层-->
+  <TextColor name="textdefaultcolor" value="#ff333333" />
+  <TextColor name="textdefaultdisablecolor" value="#ffa1aebc" />
+
+  <!--窗口常用背景色-->
+  <TextColor name="bk_main_wnd_title" value="#ff238efa" />
+  <TextColor name="bk_main_wnd_search" value="#ff1e7ad7" />
+  <TextColor name="bk_wnd_darkcolor" value="#fff0f2f5" />
+  <TextColor name="bk_wnd_lightcolor" value="#ffffffff" />
+  <TextColor name="bk_menuitem_hovered" value="#ffe1e6eb" />
+  <TextColor name="bk_menuitem_selected" value="#ffced4db" />
+  <TextColor name="bk_listitem_hovered" value="#fff0f2f5" />
+  <TextColor name="bk_listitem_selected" value="#ffe4e7eb" />
+
+  <!--置顶项的背景颜色-->
+  <TextColor name="bk_topitem_normal" value="#ffffffe0" />
+  <TextColor name="bk_topitem_hovered" value="#ffffffeb" />
+  <TextColor name="bk_topitem_selected" value="#fffafacd" />
+
+  <!--进度条专用-->
+  <TextColor name="bk_progress_bk" value="#ffe3ecf5" />
+  <TextColor name="bk_progress_progress" value="#ff2aceae" />
+
+  <!--背景色值，半透明-->
+  <TextColor name="transbkblack" value="#80000000" />
+
+  <!--第一级分割线，较深-->
+  <TextColor name="splitline_level1" value="#ffd2d4d6" />
+
+  <!--第二级分割线，较浅-->
+  <TextColor name="splitline_level2" value="#ffebedf0" />
+
+  <!--调色板色值-->
+  <TextColor name="color_palette1" value="#ffff2600" />
+  <TextColor name="color_palette2" value="#ffffeb00" />
+  <TextColor name="color_palette3" value="#ff61ed00" />
+  <TextColor name="color_palette4" value="#ff00b4ff" />
+  <TextColor name="color_palette5" value="#ffa100ff" />
+  <TextColor name="color_palette6" value="#ff000000" />
+  <TextColor name="color_palette7" value="#ff545454" />
+  <TextColor name="color_palette8" value="#ffa8a8a8" />
+  <TextColor name="color_palette9" value="#ffffffff" />
+
+  <!--字体大小-->
+  <Class name="font_title" font="system_14" />
+
+  <!--标题栏-->
+  <Class name="caption" height="34" bkimage="file='../public/caption/caption_public.png' corner='0,0,0,1'" padding="10,0,5,0" />
+
+  <!--滚动条-->
+  <Class name="vscrollbar" width="14" fadealpha="true" thumbnormalimage="file='../public/vscrollbar/thumb_normal.png' corner='0,8,0,8'" thumbhotimage="file='../public/vscrollbar/thumb_hovered.png' corner='0,8,0,8'" bkhotimage="file='../public/vscrollbar/bk_hovered.png' corner='0,4,0,4'" showbutton1="false" showbutton2="false" />
+  <Class name="hscrollbar" height="14" fadealpha="true" thumbnormalimage="file='../public/hscrollbar/thumb_normal.png' corner='8,0,8,0'" thumbhotimage="file='../public/hscrollbar/thumb_hovered.png' corner='8,0,8,0'" bkhotimage="file='../public/hscrollbar/bk_hovered.png' corner='4,0,4,0'" showbutton1="false" showbutton2="false" />
+
+  <!--单选框-->
+  <Class name="option" selectednormalimage="../public/option/selected.png" selectedhotimage="../public/option/selectedhover.png" selectedpushedimage="../public/option/selectedhover.png" />
+  <Class name="circle_option" normalimage="../public/option/circle_unselected.png" disabledimage="../public/option/circle_unselected_disabled.png" />
+  <Class name="circle_option_2" height="18" textpadding="25,0,0,0" font="system_12" normaltextcolor="darkcolor" normalimage="file='../public/option/circle_unselected.png' dest='0,0,18,18'" selectednormalimage="file='../public/option/circle_selected.png' dest='0,0,18,18'" />
+
+  <!--复选框-->
+  <Class name="checkbox_font12" height="16" textpadding="20,0,0,0" font="system_12" normaltextcolor="darkcolor" normalimage="file='../public/CheckBox/check_no.png' dest='0,0,16,16'" disabledimage="file='../public/CheckBox/check_no.png' dest='0,0,16,16' fade='80'" selectednormalimage="file='../public/CheckBox/check_yes.png' dest='0,0,16,16'" selecteddisabledimage="file='../public/CheckBox/check_yes.png' dest='0,0,16,16' fade='80'" />
+  <Class name="checkbox_font14" height="20" textpadding="20,0,0,0" font="system_14" normaltextcolor="darkcolor" normalimage="file='../public/CheckBox/check_no.png' dest='0,2,16,18'" disabledimage="file='../public/CheckBox/check_no.png' dest='0,2,16,18' fade='80'" selectednormalimage="file='../public/CheckBox/check_yes.png' dest='0,2,16,18'" selecteddisabledimage="file='../public/CheckBox/check_yes.png' dest='0,2,16,18' fade='80'" />
+  <Class name="checkbox_green" normalimage="file='../public/CheckBox/check_green_no.png'" disabledimage="file='../public/CheckBox/check_green_no.png' fade='80'" selectednormalimage="file='../public/CheckBox/check_green_yes.png'" selecteddisabledimage="file='../public/CheckBox/check_green_yes.png' fade='80'" />
+
+  <!--按钮-->
+  <Class name="btn_global_blue_80x30" font="system_bold_14" normaltextcolor="white" normalimage="file='../public/button/btn_global_blue_80x30_normal.png'" hotimage="file='../public/button/btn_global_blue_80x30_hovered.png'" pushedimage="file='../public/button/btn_global_blue_80x30_pushed.png'" disabledimage="file='../public/button/btn_global_blue_80x30_normal.png' fade='80'" />
+  <Class name="btn_global_white_80x30" font="system_bold_14" normaltextcolor="dark_gray" normalimage="file='../public/button/btn_global_white_80x30_normal.png'" hotimage="file='../public/button/btn_global_white_80x30_hovered.png'" pushedimage="file='../public/button/btn_global_white_80x30_pushed.png'" disabledimage="file='../public/button/btn_global_white_80x30_normal.png' fade='128'" />
+  <Class name="btn_global_red_80x30" font="system_bold_14" normaltextcolor="white" normalimage="file='../public/button/btn_global_red_80x30_normal.png'" hotimage="file='../public/button/btn_global_red_80x30_hovered.png'" pushedimage="file='../public/button/btn_global_red_80x30_pushed.png'" disabledimage="file='../public/button/btn_global_red_80x30_normal.png' fade='80'" />
+
+  <!--窗口右上角按钮 灰色版 -->
+  <Class name="btn_wnd_min" width="auto" height="auto" forenormalimage="file='../public/button/btn_wnd_gray_min.png' dest='4,4,16,16'" normalimage="" hotimage="../public/button/btn_wnd_gray_min_hovered.png" pushedimage="../public/button/btn_wnd_gray_min_pushed.png" />
+  <Class name="btn_wnd_close" width="20" height="20" normalimage="file='../public/button/btn_wnd_gray_close.png' dest='4,4,16,16'" hotimage="../public/button/btn_wnd_white_close_hovered.png" pushedimage="../public/button/btn_wnd_white_close_pushed.png" fadehot="false" />
+  <Class name="btn_wnd_max" width="auto" height="auto" forenormalimage="file='../public/button/btn_wnd_gray_max.png' dest='4,4,16,16'" normalimage="" hotimage="../public/button/btn_wnd_gray_max_hovered.png" pushedimage="../public/button/btn_wnd_gray_max_pushed.png" />
+  <Class name="btn_wnd_restore" width="auto" height="auto" forenormalimage="file='../public/button/btn_wnd_gray_restore.png' dest='4,4,16,16'" normalimage="" hotimage="../public/button/btn_wnd_gray_restore_hovered.png" pushedimage="../public/button/btn_wnd_gray_restore_pushed.png" />
+  <Class name="btn_wnd_settings" width="auto" height="auto" forenormalimage="file='../public/button/btn_wnd_settings.png' source='1,1,21,21'" hotimage="../public/button/btn_wnd_bk_hovered.png" pushedimage="../public/button/btn_wnd_bk_pushed.png" />
+
+  <!--窗口右上角按钮 白色版 -->
+  <Class name="btn_wnd_white_min" width="auto" height="auto" forenormalimage="file='../public/button/btn_wnd_white_min.png'" normalimage="" hotimage="../public/button/btn_wnd_white_min_hovered.png" pushedimage="../public/button/btn_wnd_white_min_pushed.png" />
+  <Class name="btn_wnd_white_close" width="auto" height="auto" forenormalimage="file='../public/button/btn_wnd_white_close.png'" normalimage="" hotimage="../public/button/btn_wnd_white_close_hovered.png" pushedimage="../public/button/btn_wnd_white_close_pushed.png" />
+  <Class name="btn_wnd_white_max" width="auto" height="auto" forenormalimage="file='../public/button/btn_wnd_white_max.png' dest='4,4,16,16'" normalimage="" hotimage="../public/button/btn_wnd_white_max_hovered.png" pushedimage="../public/button/btn_wnd_white_max_pushed.png" />
+  <Class name="btn_wnd_white_menu" width="auto" height="auto" forenormalimage="file='../public/button/btn_wnd_white_menu.png' dest='4,5,16,15'" normalimage="" hotimage="../public/button/btn_wnd_white_menu_hovered.png" pushedimage="../public/button/btn_wnd_white_menu_pushed.png" />
+
+  <!--删除按钮通用样式-->
+  <Class name="btn_delete" normalimage="file='../public/button/funcicon.png' source='0,0,26,26'" hotimage="file='../public/button/funcicon.png' source='31,0,57,26'" pushedimage="file='../public/button/funcicon.png' source='62,0,88,26'" disabledimage="file='../public/button/funcicon.png' source='93,0,119,26'" />
+  <Class name="btn_recycle" width="auto" height="auto" normalimage="file='../public/button/btn_recycle_normal.png'" hotimage="file='../public/button/btn_recycle_hovered.png'" pushedimage="file='../public/button/btn_recycle_pushed.png'" disabledimage="file='../public/button/btn_recycle_normal.png' fade='80'" />
+  <Class name="btn_refresh" width="auto" height="auto" normalimage="file='../public/button/btn_refresh_normal.png'" hotimage="file='../public/button/btn_refresh_hovered.png'" pushedimage="file='../public/button/btn_refresh_pushed.png'" disabledimage="file='../public/button/btn_refresh_normal.png' fade='80'" />
+  <Class name="btn_del_search" normalimage="../public/button/btn_del_search_normal_gray.png" hotimage="../public/button/btn_del_search_hover_gray.png" pushedimage="../public/button/btn_del_search_pushed_gray.png" />
+
+  <!--列表通用样式-->
+  <Class name="list" bkcolor="bk_wnd_lightcolor" vscrollbar="true" />
+  <Class name="listitem" hotcolor="bk_listitem_hovered" pushedcolor="bk_listitem_selected" selectednormalcolor="bk_listitem_selected" fadehot="false" />
+  <Class name="list_topitem" normalcolor="bk_topitem_normal" hotcolor="bk_topitem_hovered" pushedcolor="bk_topitem_selected" selectednormalcolor="bk_topitem_selected" fadehot="false" />
+
+  <!--进度条通用样式, 注意进度条的值使用`_value`属性-->
+  <Class name="progress_blue" valign="center" _value="0" bkimage="../public/progress/progress_blue_bg.png" height="3" width="stretch" hor="true" max="100" min="0" progressimage="../public/progress/progress_blue_fg.png" />
+  <Class name="slider_green" width="stretch" height="14" margin="4,0,0,0" valign="center" thumbsize="14,14" min="0" max="255" progressbarpadding="0,6,0,6" bkimage="file='../public/slider/slider_hor_bk.png' dest='0,6,1000,8'" progresscolor="bk_progress_progress" thumbnormalimage="../public/slider/slider_thumb.png" />
+
+  <!--菜单通用样式-->
+  <Class name="menu" width="auto" height="auto" bkcolor="bk_wnd_lightcolor" />
+  <Class name="menu_element" padding="20,0,20,0" height="40" hotcolor="bk_menuitem_hovered" pushedcolor="bk_menuitem_selected" selectednormalcolor="bk_menuitem_selected" />
+  <Class name="menu_text" normaltextcolor="darkcolor" font="system_14" valign="center" />
+
+  <!--分割线通用样式-->
+  <Class name="splitline_hor_level1" bkcolor="splitline_level1" height="1" />
+  <Class name="splitline_hor_level2" bkcolor="splitline_level2" height="1" />
+  <Class name="splitline_ver_level1" bkcolor="splitline_level1" width="1" />
+
+  <!--富文本控件通用样式-->
+  <Class name="simple" multiline="false" autohscroll="true" wantreturnmsg="true" wanttab="false" rich="false" normaltextcolor="darkcolor" disabledtextcolor="textdefaultdisablecolor" />
+  <Class name="prompt" promptmode="true" promptcolor="light_gray" />
+  <Class name="edit" hotimage="file='../public/edit/edit1.png' corner='10,10,10,10'" focusedimage="file='../public/edit/edit2.png' corner='10,10,10,10'" />
+  <Class name="input" normalimage="file='../public/edit/edit0.png' corner='10,10,10,10'" hotimage="file='../public/edit/edit0.png' corner='10,10,10,10'" focusedimage="file='../public/edit/edit0.png' corner='10,10,10,10'" disabledimage="file='../public/edit/edit0.png' corner='10,10,10,10' fade='80'" />
+
+  <!--头像蒙版-->
+  <Class name="icon_headimage_mask_40x40" width="40" height="40" bkimage="../public/headmask/icon_headimage_mask_40x40_normal.png" />
+</Global>

examples/x64/Debug/resources/themes/default/layouts/login.xml

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window caption="0,0,0,160" shadowattached="false" custom_shadow="20,70,20,20">
+  <Box width="304" height="auto">
+    <Box width="130" height="130" margin="0,10,0,0" halign="center">
+      <Control width="auto" height="auto" halign="center" valign="center" bkimage="head_shadow.png" mouse="false"/>
+    </Box>
+    <Box height="auto" margin="0,50,0,0" padding="14,14,14,14" bkimage="file='../public/bk/bk_shadow.png' corner='30,30,30,30'">
+      <VBox height="auto" bkcolor="bk_wnd_lightcolor" borderround="3,3,3,3">
+        <VBox height="auto">
+          <HBox height="20" margin="0,6,5,40">
+            <Control />
+            <Button class="btn_wnd_min" name="minbtn" margin="4,0,4,0"/>
+            <Button class="btn_wnd_close" name="closebtn"/>
+          </HBox>
+          <HBox height="auto">
+            <Control />
+            <Button name="register_account" margin="0,5,15,10" halign="right" text="注册" cursortype="hand" font="system_underline_12" normaltextcolor="link_green"/>
+            <Button name="enter_login" margin="0,5,15,10" halign="right" text="直接登录" cursortype="hand" font="system_underline_12" normaltextcolor="link_green" visible="false"/>
+          </HBox>
+          <!--帐号和密码-->
+          <VBox name="enter_panel" width="240" height="auto" margin="20,0,20,0" bkimage="user_password.png">
+            <HBox height="41" padding="14,1,10,0">
+              <Control name="usericon" width="16" height="16" valign="center" normalimage="user_1.png" disabledimage="user_2.png"/>
+              <RichEdit class="simple prompt" name="username" width="stretch" height="auto" margin="10,0,10,0" valign="center" font="system_14" prompttext="帐号"/>
+            </HBox>
+            <HBox name="nick_name_panel" height="40" padding="14,1,0,0" visible="false" margin="0,0,0,0">
+              <Control name="nick_name_icon" width="16" height="16" valign="center" normalimage="nickname.png" disabledimage="nickname.png"/>
+              <RichEdit class="simple prompt" name="nickname" width="stretch" height="auto" margin="10,0,10,0" valign="center" font="system_14" prompttext="昵称"/>
+            </HBox>
+            <HBox height="41" padding="14,0,10,1" margin="0,2,0,0">
+              <Control name="passwordicon" width="16" height="16" valign="center" normalimage="password_1.png" disabledimage="password_2.png"/>
+              <RichEdit class="simple prompt" name="password" width="stretch" height="auto" margin="10,0,10,0" valign="center" font="system_14" password="true" prompttext="密码"/>
+            </HBox>
+          </VBox>
+        </VBox>
+        <!--登录提示-->
+        <Label name="login_ing_tip" margin="20,20,20,0" font="system_12" text="正在登录..." visible="false"/>
+        <Label name="login_error_tip" margin="20,20,20,0" font="system_12" normaltextcolor="obvious_tip" visible="false"/>
+        <!--登录和取消按钮-->
+        <Box width="240" height="40" margin="20,20,20,20">
+          <Button class="btn_global_blue_80x30" name="btn_login" width="240" height="40" font="system_bold_16" text="登录"/>
+          <Button class="btn_global_blue_80x30" name="btn_register" width="240" height="40" font="system_bold_16" text="注册" visible="false"/>
+          <Button class="btn_global_red_80x30" name="btn_cancel" width="240" height="40" font="system_bold_16" text="取消登录" visible="false"/>
+        </Box>
+      </VBox>
+    </Box>
+    <!--头像-->
+    <Box margin="0,10,0,0" mouse="false" width="130" height="130" halign="center">
+      <Control width="auto" height="auto" halign="center" valign="center" bkimage="logo.png"/>
+      <Button name="headicon" width="106" height="106" borderround="106,106,106,106" halign="center" valign="center" mouse="false" fadealpha="true"/>
+      <Control width="auto" height="auto" bkimage="mask.png" halign="center" valign="center" mouse="false"/>
+    </Box>
+  </Box>
+</Window>

examples/x64/Debug/resources/themes/default/layouts/wechat.xml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window size="1024,768" caption="0,0,0,35">
+  <HBox>
+    <!-- 左侧菜单栏 -->
+    <VBox width="60" bkcolor="darkcolor">
+      <Control bkimage="head.png" width="40" height="40" margin="10,10"/>
+    </VBox>
+    <!-- 好友列表 -->
+    <VBox width="270" bkcolor="light_gray">
+      <Box padding="10,8,10,8" height="auto">
+        <RichEdit class="simple prompt input" name="nickname" width="stretch" height="35" padding="25,8,8,8" borderround="5,5" prompttext="搜索"/>
+        <Control width="auto" height="auto" margin="6,9" bkimage="search_icon.png"/>
+      </Box>
+      <VBox>
+        <!-- Firends -->
+      </VBox>
+    </VBox>
+    <!-- 聊天区域 -->
+    <VBox>
+      <HBox height="80" bkcolor="bk_wnd_darkcolor">
+      </HBox>
+      <Control class="splitline_hor_level1"/>
+      <VBox bkcolor="bk_wnd_darkcolor">
+      </VBox>
+      <VBox height="150" bkcolor="bk_wnd_lightcolor">
+      </VBox>
+    </VBox>
+  </HBox>
+</Window>

examples/x64/Debug/resources/themes/default/menu/settings_menu.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Window>
+  <VListBox class="menu">
+    <MenuElement class="menu_element" name="first" width="180">
+      <Button width="auto" height="auto" bkimage="menu_settings.png" valign="center" mouse="false"/>
+      <Label class="menu_text" text="System settings" margin="30,0,0,0"/>
+    </MenuElement>
+    <MenuElement class="menu_element" name="second" width="180">
+      <Button width="auto" height="auto" bkimage="menu_proxy.png" valign="center" mouse="false"/>
+      <Label class="menu_text" text="Proxy settings" margin="30,0,0,0"/>
+    </MenuElement>
+    <MenuElement class="menu_element" name="third" width="180">
+      <Button width="auto" height="auto" bkimage="menu_logs.png" valign="center" mouse="false"/>
+      <Label class="menu_text" text="Logs directory" margin="30,0,0,0"/>
+    </MenuElement>
+  </VListBox>
+</Window>

examples/x64/Debug/resources/themes/default/msgbox/msgbox.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window size="340,180" caption="0,0,0,34">
+    <VBox width="340" height="auto" bkcolor="bk_wnd_lightcolor">
+        <HBox class="caption">
+            <Label class="font_title" name="title" width="stretch" valign="center" normaltextcolor="darkcolor"/>
+            <Button class="btn_wnd_close" name="closebtn" margin="10,6,0,0"/>
+        </HBox>
+
+        <RichEdit name="content" width="300" margin="20,30,20,30" font="system_16" multiline="true" vscrollbar="false" autovscroll="false" enabled="false" rich="true"/>
+
+        <HBox height="auto" margin="0,0,20,20" childmargin="10">
+            <Control />
+            <Button  class="btn_global_blue_80x30" name="btn_yes" normaltextcolor="white"/>
+            <Button  class="btn_global_white_80x30" name="btn_no" normaltextcolor="darkcolor"/>
+        </HBox>
+    </VBox>
+</Window>

examples/x64/Debug/resources/themes/default/multi_browser/browser_box.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window>
+<VBox >
+    <CefControl name="cef_control" bkcolor="bk_wnd_lightcolor"/>
+</VBox>
+</Window>

examples/x64/Debug/resources/themes/default/multi_browser/drag_form.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window caption="0,0,0,160" shadowattached="false">
+	<Box>
+		<BitmapControl name="bitmap"/>
+	</Box>
+</Window>

examples/x64/Debug/resources/themes/default/multi_browser/multi_browser.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window size="1200,800" mininfo="800,500" caption="0,0,0,34" sizebox="4,4,4,4" textid="STRID_CEF_BROWSER_MULTI_TAB" shadowattached="false">
+<VBox bkcolor="bk_wnd_lightcolor">
+    <HBox class="caption" height="34">
+        <Label class="font_title" name="title" width="stretch" valign="center" normaltextcolor="darkcolor" textid="STRID_CEF_BROWSER_MULTI_TAB" />
+        <Control />
+        <Button class="btn_wnd_min" name="minbtn" margin="10,6,0,0"/>
+        <Button class="btn_wnd_max" name="btn_max_restore" margin="10,6,0,0"/>
+        <Button class="btn_wnd_close" name="btn_close" margin="10,6,0,0"/>
+    </HBox>
+
+    <HBox height="30" margin="10,2,10,2" childmargin="3">
+        <Button class="btn_global_blue_80x30" name="btn_back" width="50" height="30" textid="STRID_CEF_BROWSER_BACKWARD" valign="center" font="system_12" />
+        <Button class="btn_global_blue_80x30" name="btn_forward" width="50" height="30" textid="STRID_CEF_BROWSER_FORWARD" valign="center" font="system_12" />
+        <Button class="btn_global_blue_80x30" name="btn_refresh" width="50" height="30" textid="STRID_CEF_BROWSER_REFRESH" valign="center" font="system_12" />
+        <RichEdit class="simple prompt" name="edit_url" width="400" height="30" padding="5,2,5,0" valign="center" 
+        bordercolor="gray" bordersize="1" font="system_14" prompttextid="STRID_CEF_BROWSER_INPUT_ADDRESS" vscrollbar="false" autovscroll="false" hscrollbar="false" autohscroll="true" wantreturnmsg="true" />
+		<!-- 顶部标签列表 -->
+		<HListBox class="list" name="tab_list" >
+			<Button class="btn_global_blue_80x30" name="btn_add" text="+" width="20" height="20" valign="center" font="system_16" />
+		</HListBox>
+    </HBox>
+    <Control class="splitline_hor_level1" margin="0,0,0,0" />
+	<!-- 浏览器盒子列表 -->
+	<CustomTabBox name="browser_box_tab" bkcolor="white" padding="2,2,2,2"/>
+</VBox>
+</Window>

examples/x64/Debug/resources/themes/default/multi_browser/tab_item.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Window>
+    <ListContainerElement class="listitem" maxwidth="150">
+        <HBox padding="5,0,10,0" childmargin="5" mouse="false">
+            <Box width="40" height="40" valign="center" mouse="false" mousechild="false" visible="false">
+                <Control name="tab_item_icon" width="38" height="38" borderround="38,38,38,38" margin="1,1,0,0"/>
+                <Control class="icon_headimage_mask_40x40"/>
+            </Box>
+            <Label name="tab_item_name" width="stretch" valign="center" font="system_12" mouse="false"/>
+
+            <Box width="auto" height="auto" float="true" halign="right" valign="center">
+                <Button class="btn_del_search" name="tab_item_close" width="16" height="16" halign="center" valign="center" visible="false"/>
+            </Box>             
+        </HBox>
+    </ListContainerElement>
+</Window>

examples/x64/Debug/resources/themes/default/project.dui

@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<Project path="E:\NIM_Duilib_Framework\bin\resources\themes\default\" />