Duilib的布局HorizontalLayout和VerticalLayout

先明确概念：
HorizontalLayout：水平布局
VerticalLayout：垂直布局

垂直布局

垂直布局就其实就是垂直依靠，只有一个垂直布局时，充满所有宽度，当有多个垂直布局时，宽度等分。当然也可以对指定的垂直布局指定宽度，这样其它的垂直布局等分剩余的宽度。

如我们的xml文件内容如下:

<?xml version="1.0" encoding="UTF-8"?>
<Window size="800,600"> <!-- 窗口的初始尺寸 -->
    <HorizontalLayout bkcolor="#FF000000"> 
        <VerticalLayout bkcolor="#FFFF0000">
        </VerticalLayout>    
        <VerticalLayout bkcolor="#FF00FF00">
        </VerticalLayout>    
        <VerticalLayout bkcolor="#FF0000FF">
        </VerticalLayout>        
    </HorizontalLayout>
</Window>

我们将窗口指定为默色，增加3个垂直布局，其背景颜色分别为红绿蓝。。

当我们对某个垂直布局指定宽度时，如：

<?xml version="1.0" encoding="UTF-8"?>
<Window size="800,600"> <!-- 窗口的初始尺寸 -->
    <HorizontalLayout bkcolor="#FF000000"> 
        <VerticalLayout bkcolor="#FFFF0000">
        </VerticalLayout>    
        <VerticalLayout bkcolor="#FF00FF00" width="50">
        </VerticalLayout>    
        <VerticalLayout bkcolor="#FF0000FF">
        </VerticalLayout>        
    </HorizontalLayout>
</Window>

总结：
垂直布局就相当于大家站在房间里，只有一个人时，这个人占满所有空间，当有多个时，大家均分宽度空间，当然也可以对某个指定宽度。这相当于大平层住人。
垂直布局一般指定的是宽度。

水平布局

水平布局和垂直布局类似，只是布局从站着变成了躺着了。
当有只有一个水平布局时，它占满所有，当有多个时，它均分高度。这相当于高层住人，分为楼上楼下。
水平布局可指定高度。