duilib之xml：corner和float属性

1.corner
贴边
降低失真
例子：
图片大小：244*284（条纹带宽度约33）

VerticalLayout：480*380

九宫格参照图

1)默认填充VerticalLayout

<VerticalLayout width="480" height="380" bkimage="file='imgs/test.png'" >
</VerticalLayout>

整个图片处于中间区域，这个区域是xy方向都会拉伸，因此整张图片被拉伸

2)贴左边

<VerticalLayout width="480" height="380" bkimage="file='imgs/test.png' corner='244,0,0,0'" >
</VerticalLayout>

整个图片处于左区域，这个区域是y方向都会拉伸，因此看到x方向条纹有细有粗

3)贴右上角

<VerticalLayout width="480" height="380" bkimage="file='imgs/test.png' corner='0,284,244,0'" >
</VerticalLayout>

整个图片处于2区域，这个区域是xy方向都不会拉伸，但注意的是整张图片必须在2区域
如果右上角不足以容纳整张图，那么只有2区域的才不会拉伸，其余的按照其余区域的规则

<VerticalLayout width="480" height="380" bkimage="file='imgs/test.png' corner='0,240,200,0'" >
</VerticalLayout>

像上图的九宫格变成下图

4）贴右下角

<VerticalLayout width="480" height="380" bkimage="file='imgs/test.png' corner='0,0,244,284'" >
</VerticalLayout>

5）贴左下角

<VerticalLayout width="480" height="380" bkimage="file='imgs/test.png' corner='244,0,0,284'" >
</VerticalLayout>

2.float

值	说明
false	不浮动
true	配合pos使用，浮动到指定的位置，如pos=“10,10,20,20”
right	必须有两个或以上同级控件，VerticalLayout 时无效果
left	同上
top	必须有两个或以上同级控件，HorizontalLayout 时无效果
bottom	同上
float percent	如float=“0.4,0.5,0.6,0.5” 中心点所在位置：x方向父控件宽度的2/5处（左起），y方向父控件高度的1/2处 pos=“-10,-20,10,20”目标矩形大小，左和上离中心点10和20距离，右和下离中心点10和20距离