update doc

README.md

@@ -1,7 +1,7 @@
 # GuiLite 揭示UI原理，打造你自己的UI（框架）- 开发者qq群：527251257
 ![Demo](doc/demo.gif)
 
-![编译方法](doc/HowToBuild.md)
+![编译方法](doc/HowToBuild.md)，[界面布局方法](doc/HowLayoutWork.md)，[消息传递方法](doc/HowMessageWork.md)
 
 超轻量UI框架 - GuiLite是由6千行左右的C/C++代码编写而成，它像MFC，QT一样为开发者提供界面支持。
 

doc/HowLayoutWork.md

@@ -0,0 +1,10 @@
+# How to layout widgets for GuiLiteSamples::HostMonitor?
+
+All widgets was description with struce WND_TREE and ?.xml.cpp files
+
+## How to layout slid group?
+![Layout slides group](layout_slide_group.png)
+## How to layout single slide?
+![Layout single slide](layout_single_slide.png)
+## How to layout dialog?
+![Layout dialog](layout_dialog.png)

doc/HowMessageWork.md

@@ -0,0 +1,10 @@
+# How messages work for GuiLiteSamples::HostMonitor?
+
+## How real time message(draw waves) work?
+![Callstack for drawing waves](draw_wav.png)
+
+## How click button message work?
+![Callstack for clicking button](click_button.png)
+
+## How left/right flip message work?
+![Callstack for fliping slides](flip.png)