UI布局基础功能讲解

UI布局创建

在非逻辑方块外其他允许生成UI的代码编辑器中使用：功能调用→创建变量→UI布局

点击等号后面的按钮即可进入可视化UI编辑器

父空间、坐标对齐的功能和使用例子

父空间:

指的是当前UI的父级位置，如果UI没有父级，则默认为当前屏幕。位置以绿色准星标注。

坐标对齐:

当前选定UI与父级UI对齐的方向顶点。位置以黄色圆点标注。

水平和竖直拉伸模式的区别和使用例子

水平和竖直拉伸分别用于调整UI的宽高尺寸，分别有三种模式：

1. 绝对：代表UI尺寸的绝对像素，绝对像素是不会根据设备显示大小变化的

2. 比例：自动调整为当前父级的占用比例（数值范围0~1），一般用于各种UI底板及全设配屏幕适配UI

3. 边距：在对齐坐标非居中的情况下可以使用，调整非对齐一边与父级边缘的像素，可用于单边菜单栏和滑动界面使用

   

九宫格图片的设置

九宫格的主要目的是处理图片拉伸效果，我们知道图片一旦被拉伸，它就会出现形变、模糊等问题，但是，有的图片它的某一些部分又是允许被拉伸的。例如，一个UI背景框，它的中间部分几乎是一个纯色，允许被拉伸(纯色被拉伸不会发生质量问题)，但是，边缘的4个角可能有一些特殊花纹或者倒角不允许被任意拉伸，这个时候就可以使用九宫格，来使4个角不进行拉伸放大，只让中间部分进行拉伸放大，达到将一个小框拉大成一个大背景框，既节省了资源，又不会降低图片质量。