Android开发-UI布局

Android中所有的UI（用户界面）都是使用View和ViewGroup对象建立的，View是一个可以将一些信息绘制在屏幕上并与用户产生交互的对象ViewGroup是一个可以包含多个的View和ViewGroup的容器，用来定义UI布局。

Android提供了一系列View和ViewGroup子类，开发者可以灵活的组合使用它们来完成界面布局、界面元素绘制和用户交互等工作

开发者还可以选择性地继承一些系统提供的View，来定义View，把自己定义的界面元素显示给用户。

Android的UI开发使用层次模型来完成，一般都是在一个ViewGroup中嵌套多层ViewGroup，每层中含有任意数目的View，但最好不要超过十层

常用的布局

• LinearLayout——线性布局

• RelativeLayout——相对布局

• FrameLayout——帧布局

• TableLayout——表格布局

• AbsoluteLayout——绝对布局

• GridLayout——网格布局

布局定义方式

定义UI布局的最常用的方法是使用XML布局文件，如同HTML一样，XML为布局提供了一种可读的结构。XML中的每个元素都是，View或ViewGroup的子孙的对象组成的树。树根是一个ViewGroup对象，所有的叶节点都是View对象，树的分支节点都是ViewGroup对象。

Android中是ViewGroup可以嵌套包含很多View以及ViewGroup对象，ViewGroup是View的子类。

Android UI屏幕适配

• 屏幕尺寸：指屏幕的对角线长度，单位为英寸，1英寸== 2.45cm

• 屏幕分辨率：指水平和垂直方向的像素点个数，单位px，1px== 1像素点，一般以垂直像素*水平像素，例如 1920 * 1080

• 屏幕像素密度：指每英寸上的像素点数，单位是dpi，dpi:dot per inch。屏幕像素密度与屏幕尺寸有关。

• px：像素点，构成图像的最小单位

• dip：device independent pixels（设备独立像素），也是密度无关像素。以160dpi为基准，1dip=1px。

• dp：与dip相同。

• sp：专门用于字体的像素单位，一般定义为偶数。

LinearLayout （线性布局）

1. vertical / horizontal

使用android:orientation= "vertical/horizontal"定义排列方向

//linearlayout.xml



    
    

2. margin / padding

属性	含义
android:layout_marginXXX(XXX:left/tpo)	设置该控件距离左、上边界的距离
android:paddingXXX(XXX:left/top)	设置控件内部距离控件边缘的距离

• 区分：
  margin:表示控件距离其他或者屏幕边缘的间距。---外边距
  padding:表示控件的内部内容距离控件边缘的间距。---内边距

3. gravity / layout_gravity

属性	含义
android:gravity	用于设置该View内部内容的对齐方式
android:layout_gravity	用于设置该View在其父类中的对齐方式

• 注意：如果线性布局的排布方式为水平，那么layout_gravity在水平方向上就不起作用，只有在垂直方向上起作用，反之亦然。

• 可选值包括：
  left、right、top、bottom、center、horizon
  center_vertical、center_horizontal
  bottom\center_horizontal（使用\组合使用）

4. layout_weight （LinearLayout特有属性）

LinearLayout特有属性，android:layout_weight,表示比重，可实现百分比布局，如果控件为 match_parent,则layout_weight的值与占比重反相关，即：其值越大，占用比例越小，如果控件为 wrap_content，则对比重判断则为正相关，即其值越小，占用的比例越小。

• 注意：
  若在一个页面中，有一个有权重控件，和一个无权重的控件，系统会先给无权重的控件分配空间后，才会得到需要百分比的空间大小，进行百分比划分。权重布局只存在于LinearLayout中，其余布局无效。

RelativeLayout（相对布局)

RelativeLayout（相对布局)：按照控件相互之间的相对位置来确定，RelativeLayout中往往需要定义每一个控件的资源ID。

1. 常用属性

常用属性	含义
layout_alineParentXXX（XXX:方向）	对齐方式
android:layout_marginXXX	外部间距
android:paddingXXX(XXX:left/top)	内部间距
android:layout_centerVertical	垂直居中
android:layout_centerHorizontal	水平居中
android:layout_centerInParent	父类的中部

注意：layout_width和layout_height是在平面图形中不可或缺的两个属性，任何图形需要显示都需要宽和高。

2. android:layout_toRightOf（在某个控件的右方）

3. anignBaseline （基准线对齐）

4. layout_below （在XX的下方）

• 注意：

  针对相对布局而言，一般不会过多给定很多想关联的属性，否则耦合性就会大大增加。相对布局的重点在于理解控件id，在相对布局中的控件一般都存在id属性，+id表示是系统中本来不存在的对应的id值，需要将这个id值添加到系统中，@id表示从系统中去除已经添加好的id。

TableLayout （表格布局）

TableLayout属于行和列形式的管理控件，每行为一个TableRow对象也可以是一个View对象。在TableRow中还可以继续添加其他控件，每添加一个子控件就成一列，TableLayout不会生成边框。

TableLayout是继承至LinearLayout，即TableLayout有LinearLayout的属性（见上文）。同时也有自己的特有属性：

XML属性名	说明
android:collapseColumns	设置指定的列为collapse，该列会被隐藏
android:shrinkColumns	设置指定的列为shrinkable，该列的宽度进行收缩，自适应父类容器的大小
android:stretchColumns	设置指定的列为stretch,该列会被拉伸，填充满表格的空白区域

FrameLayout （帧布局）/ AbsoluteLayout （绝对布局）

FrameLayout（帧布局）默认是按左上角(0,0)开始排布，在帧布局下的每一个控件都是以画面的形式进行呈现，最开始定义的控件出现在最下方，最后定义的控件出现在最上方，一般用于手机联系人的导航显示字母、帧动画等内容。

AbsoluteLayout（绝对布局），又叫做坐标布局，可以直接指定子元素的绝对位置，这种布局简单、直观性强。由于手机屏幕尺寸差别较大，使用绝对定位适应性会比较差，不推荐使用。一般用于固定屏幕手机。

属性	含义
android:layout_x	确定X坐标，以左上角为顶点
android:layout_y	确定Y坐标，以左上角为顶点

• 注意：若不设置layout_x和layout_y，那么他们的默认值是(0,0)他们会出现在左上角。

GridLayout （网格布局）

GridLayout（网格布局）是在android4.0版本以上出现的布局，可以实现并行和并列的效果。

常用属性	含义
android:layout_columnSpan	扩展列的数目
android:layout_rowSpan	扩展行的数目
android:layout_gravity	填充方式
columnCount	定义存在多少列
rowCount	定义存在多少行

• 注意：

  GridLayout与TableLayout有什么不同？

  TableLayout定义TableRow来呈现内容，GridLayout可以直接定义控件来使用，并且TableLayout不可以合并行或列。

计算器页面的实现

计算器页面.jpg

---

Android UI开发分类

1. 界面布局开发——定义界面的布局
2. 控件开发——定义单个界面元素
3. AdapterView与Adapter开发——列表显示（适配器的开发）
4. UI组件开发——对话框、通知、菜单等
5. 自定义View、图形图像和动画——通过代码，自行绘制界面。