Android开发—布局LinearLayout，布局RelativeLayout常见属性根据父容器定位，兄弟组件定位，FrameLayout帧布局的绘制原理是，TableLayout_android:orientation="vertical

一.LinearLayout

1.常见属性

android:orientation="vertical">

vertical表示纵向排列，horizontal表示横向排列

LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:divider="@drawable/divider"
    android:showDividers="middle"
    android:dividerPadding="100dp"
    android:orientation="vertical"
    android:gravity="center_vertical">

其中divider ，showDivider， dividerPadding，三个参数为设置分割线的参数

1.1通过设置View也可以实现分割线的操作

<View
            android:background="#00ff00"
            android:layout_width="match_parent"
            android:layout_height="1dp"/>

 2.layout _ weight权重比例划分

2.1语法显示

 <LinearLayout
            android:background="#ff0000"
            android:layout_width="100dp"
            android:layout_height="100dp"/>
        <LinearLayout
            android:background="#ffff00"
            android:layout_width="100dp"
            android:layout_weight="1"
            android:layout_height="100dp"/>
        <LinearLayout
            android:background="#00ffff"
            android:layout_width="100dp"
            android:layout_height="100dp"/>

二.RelativeLayout

2.1常见属性

2.1.1根据父容器定位

2.1.2根据兄弟组件定位

 2.2实现过程

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
 
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
    <RelativeLayout
        android:background="#ff0000"
        android:layout_width="100dp"
        android:layout_height="100dp"/>
 
    <RelativeLayout
        android:background="#00ff00"
        android:layout_width="100dp"
        android:layout_height="100dp"/>
 
</RelativeLayout>

此两个会重合，形成相对布局：后面的会将前面的进行覆盖。

当给第一个RelativeLayout设置好后

android:layout_alignParentRight="true"

相对父容器进行布局

但是相对于兄第组件要设置，兄弟组件有很多，相对于哪个要说明清楚例如：

<RelativeLayout
        android:id="@+id/rl1"
        android:background="#ff0000"
        android:layout_alignParentRight="true"
        android:layout_width="100dp"
        android:layout_height="100dp"/>
 
    <RelativeLayout
        android:background="#00ff00"
        android:layout_toLeftOf="@+id/rl1"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

实现效果图：

2.2通用属性

2.2.1margin 设置组件与父容器的边距

    <RelativeLayout
        android:background="#00ff00"
        android:layout_marginLeft="100dp"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

 2.2.2padding 设置组件内部元素的边距

三. FrameLayout

帧布局的绘制原理是：从左上角绘制完成一个红色后，当绘制黄色的时候又是从左上角开始，会形成一个覆盖效果。（一个一个往上堆）

3.1 常见属性

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
 
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
    <FrameLayout
        android:layout_width="400dp"
        android:layout_height="400dp"
        android:background="#ff0000" />
 
    <FrameLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:background="#ffff00" />
 
</FrameLayout>

<FrameLayout
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:foreground="@mipmap/ic_launcher"
        android:foregroundGravity="right|bottom"
        android:background="#ffff00" />

此时背景图片可任意到任何地方

 四.TableLayout

在TableLayout中写入控件，会占据一行的大小

 若要使想将两个按钮占据一行，使用TableRow

  <TableRow>
        <Button
            android:text="第一个"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
 
        <Button
            android:text="第二个"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </TableRow>

 当超过一行时，不会自动换行，直接会覆盖一部分。

4.1常见属性

4.1.1子控件设置属性

实现效果实例：

android:collapseColumns="0"

第一个按钮所在的为第零列

若是隐藏多列时android:collapseColumns="0，1"即可

 android:stretchColumns="1"

 此时可通过拉伸将其展示，拉伸是占用其剩余空间。

android:shrinkColumns="2"

 同理收缩的原理也是一样的，超出的时候收缩才有效果

五.GridLayout

可以把行进行合并，也可以把列进行合并，布局会更加灵活

5.1 常见属性

5.1.1代码实例展示：

android:orientation="vertical"

将横向排列变换成纵向排列

android:columnCount="3"

一行展示三列，多余的自动换行

android:rowCount="3"
android:orientation="vertical"

一列排列三行 

 5.2子控件属性

5.2.1属性实现实例

   <Button
        android:text="第一个"
        android:layout_row="1"
        android:layout_column="0"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"/>

实现效果如图：

 设置非常灵活

Button
    android:text="第四个"
    android:layout_columnWeight="1"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"/>
剩余空间全部由第四个按钮占领