android开发之UI介绍

## UI开发 ##

UI的排布都是View和ViewGroup组成。    

View：绘制在屏幕上用于和用户进行交互的内容。   

ViewGroup：包含View和ViewGroup的对象。一般用来定义布局。比如LinearLayout和RelativeLayout。

布局的嵌套层级不能过多，超过10层就会将当前的应用性能大大降低。

ViewGroup是用来定义布局的。布局中可以排布控件。

在页面中如果需要显示一个控件或者布局，那么这个控件或者布局必须具有宽和高。

android:layout_width="match_parent"    宽度   

android:layout_height="match_parent"   高度   

取值：

match_parent:匹配父类，即父类有多大，就匹配多大。

wrap_content：包裹内容。内容有多大就呈现多大。

关于布局的讲解：   

常用的布局：

LinearLayout线性布局

RelativeLayout相对布局

FrameLayout:帧布局

AbsoluteLayout绝对布局

TableLayout:表格布局

GridLayout：网格布局

 8-2
**LinearLayout：线性布局**    

水平或者垂直进行排布。

默认是按照水平进行排布。界面排布的时候元素要可见。否则用户交互不到就没有任何意义。

margin：当前控件相对于其他的控件的距离。相当于距离上下左右。

marginLeft：距离左边有多少间距。

layout_gravity：表示控件相对于父类布局的排布方式。

注意特点：如果在线性布局整体是水平排布的时候，layout_gravity只在垂直方向上有作用。同样反之亦然。   

gravity：表示内部内容的排布方式。加在布局中表示布局内部控件的排布方式。加在控件上表示控件的内部内容相对于控件自身的排布方式。

**layout_weight：权重**：按照百分比的形式进行划分。----只存在于线性布局

划分的时候一般会根据比值进行计算，如果划分的方向是使用的是wrap_content，那么权重越大，所占的比值越大，如果是match_parent。那么权重越大，所占的比值越小。

可以尝试权重的比值大小。

weight_sum：可以指定当前划分的权重的总份数。

思考：有权重的控件和无权重的控件，系统先给谁分配空间？ 无权重。

orientation：方向

horizontal：水平

vertical：垂直

**RelativeLayout：相对布局**

存在相对的概念。其中的控件可以任意进行拖拽。

一般在排布的时候都有参照物的概念，所以在找到参照物都是按照id。

所以在相对布局中一般都会给使用的控件定义ID。

  android:id="@+id/haha"：表示系统当中原本不存在这个id，相当于将这个id添加到项目中。

 @id/haha：使用id，表示该id已经存在直接使用。

layout_toRightOf：在某个对应id的控件的右边     

layout_toLeftOf:在某个控件的左边    

android:layout_centerHorizontal="true"是否水平居中   

android:layout_centerVertical="true"：是否垂直居中    

android:layout_centerInParent="true"：父容器居中   

layout_below：在某个控件的下方   

layout_above：在某个控件的上方   

layout_alignParentTop：父容器顶部对齐   

layout_alignParentRight：父容器右部对齐   

layout_alignParentBottom：父容器的底部对其

layout_alignParentLeft：父容器的左部对其    

layout_alignRight:相对于某个控件右部对齐。其中方向性的单词可以更换    

layout_alignBaseline:与某个控件基准线对齐    

**帧布局：FrameLayout**   

按照画面的形式进行排布。显示出一帧一帧的概念。   

最先排布的控件位于帧布局的最下方画面。最后定义的控件位于最上方。   

举例：侧滑菜单。手机联系人的索引字母   

**绝对布局：AbsoluteLayout**   

 AbsoluteLayout:绝对布局已经不推荐使用。   

 因为出现的是早期的版本。   

 按照绝对的像素点位置进行排布。类似于按照坐标。   

 操作使用的是layout_x   

 layout_y

 定制手机定制软件有可能使用。

**表格布局TableLayout**

TableLayout继承自LinearLayout，所以可以使用权重的属性

排布的时候通过的是tableRow

在表格布局中如果单独出现一个控件也是当成一行进行处理的。

android:stretchColumns="1,2,3"   拉伸  参数为列数

android:shrinkColumns="2"       回缩  参数为列数

表格布局在排布的时候都是比较规范的

     <TableLayput
        android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:shrinkColumns="2"
         android:stretchColumns="1,2,3">
         <TableRow>
            <TextView/>
         </TableRow>
        <TableRow>
            <TextView/>
         </TableRow>    </TableLayout>

注意：

任何空间如果需要在二维平面中进行显示，就必须指定宽和高(width/height)

但对TableRow可以不用指定，并且其内部的控件或者充当tableRow的控件也可以不指定宽和高，他会遵循系统的宽和高

**网格布局GridLayout**  

出现在android 4.0之后的布局，最低版本必须是14

请对比TableLayout和GridLayout有什么不同?
 * tableLayout是表格布局，是按照tableRow的行的概念进行排布的，可以实现合并列。
 * 而网格布局GridLayout是可以随时指定行和列的个数，并且既可以实现合并行也可以实现合并列。
 * 只不过是4.0之后出现的。表格布局中如果需要拉伸或者回缩某一列都需要在布局本身上指定android:stretchColumns
 * 和android:shrinkColumns，但是网格布局GridLayout中只需要在某一个特定需要拉伸或者回缩的控件上给定rowSpan和
 * columeSpan就可以。

比如计算器按钮
     
       <GridLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:columnCount="4"    //4列>

   
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="2" />  
     .....
     <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_rowSpan="2"     //行合并
        android:layout_gravity="fill"   //填满
        android:text="+" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_columnSpan="3"    //列合并
        android:layout_gravity="fill"
        android:text="=" />

     </GridLayout>