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距离 |