Android五大布局学习笔记

1，LinearLaout；(常用属性，Weight权重，divider分割线)

1.1，常用属性
    ->orientation：horizontal、vertical；
    ->gravity：控制组件所包含的子元素的对齐方式；
    ->layout_gravity:控制该组件在父容器里的对其方式；
    ->layout_width：通常是wrap_content（组件实际大小）和match_parent（填满父容器）；
    ->layout_height：布局的高度，类比
        layout_width；
    ->id:为该组件设置一个资源id,Java中通过findViewById找到该组件；
    ->background：为该组件设置一个背景图片，或者直接用颜色覆盖。

1.2，Weight，用来等比例的划分区域

    ->等比例划分，分谁，谁为0，Weight按比例即可
    ->[http://labs.udacity.com/android-visualizer/#/android/linear-layout](http://labs.udacity.com/android-visualizer/#/android/linear-layout),XML可视化在线工具；

1.3，divider分割线，用于为LinearLayout设置分割线图片，通过showDividers来设置分割线的所在位置，有四个可选值：none，middle，beginning，end；
    ->divider，为LinearLayout设置分割线的图片；
    ->showDividers，设置分割线所在的位置，四个值可选；
    ->dividerPadding，设置分割线的padding。

布局代码：
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_weight="1"
android:text="罗路"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:textSize="48sp"
android:paddingTop="40dp"
android:background="#0000"/>
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000" />
android:layout_weight="1"
android:text="吴佑炫"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="48sp"
android:paddingTop="40dp"
android:gravity="center_horizontal"
android:background="#98FB00"/>
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000" />
android:layout_weight="1"
android:text="丁俊康"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="48sp"
android:paddingTop="40dp"
android:gravity="center_horizontal"
android:background="#00FB98"/>
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000" />
android:layout_weight="1"
android:text="赵丹阳"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="48sp"
android:gravity="center_horizontal"
android:paddingTop="40dp"
android:background="#966B98"/>
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000" />
android:layout_weight="1"
android:text="赵潞"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="48sp"
android:paddingTop="40dp"
android:gravity="center_horizontal"
android:background="#98F532"/>
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#000000" />

46AE47D2-CCD8-4827-AB47-876C3AD0D393.png

2，RelativeLayout，控件之间的相对位置或相对父容器位置进行排列；

2.1，常用属性

      ->子类控件相对子类控件，值是另外一个控件的id；
      ->android:layout_above，位于给定ID控件之上；
      ->android:layout_below；
      ->android:layout_toLeftOf位于给定控件左边；
      ->android:layout_toRightOf;
      ->android:layout_alignLeft，左边与给定ID控件的左边对其；
      ->android:layout_alignRight;
      ->android:layout_alignTop上边与给定ID控件的上边对其；
      ->android:layout_alignBottom;
      ->android:layout_alignBaseLine对齐到控件基准线；
->相对父容器，值是true或false；
      ->android:layout_alignParentLeft，相对于父靠左；
      ->android:layout_alignParentRight;
      ->android:layout_alignParentTop;
      ->android:layout_alignParentBottom;
      ->android:layout_centerInParent=“true”，相对于父，垂直且水平居中；
      ->android:layout_centerHorizontal=“true”；
      ->android:layout_centerVertical=“true”;

->相对父容器位置；
->android:layout_margin=“3dp”
->android:layout_marginLeft
->android:layout_marginRight
->android:layout_marginTop
->android:layout_marginBottom
->4.2以上相对布局的新特性
->android:layout_alignStart，将控件对齐给定的id控件的头部；
->android:layout_alignEnd;
->android:layout_alignParentStart，将控件对齐到父控件的头部；
->android:layout_alignParentEnd；
布局示例代码：
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="26dp">
android:text="我是一"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true" />
android:text="我是二"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true" />
android:text="我是三"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true" />
android:text="我是四"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true" />

image.png

3，TableLayout，Tablelayout以行和列的形式对控件进行管理，每一行为一个TableRow对象，或一个View控件。当为TableRow对象时，可在TableRow下添加子控件，默认情况下，每个子控件占据一列。有多少个子控件就有多少列;当为View时，该View将独占一行。
3.1，属性
->android:layout_colum，指定该单元格在第几列显示；
->android:layout_span，指定该单元格占据的列数（未指定，默认为1）
->android:stretchColums，设置可伸展的列，该列可向行方向伸展，最多可占据一整行；
->android:shrinkColums，设置可收缩的列，当该列挤满所在行，该子控件的内容将往列方向显示。
计算器示例代码：

xmlns:app="http://schemas.android.com/apk/res-auto";
xmlns:tools="http://schemas.android.com/tools";
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.luolu.alphacaltable.MainActivity">

Android五大布局学习笔记

你可能感兴趣的:(Android五大布局学习笔记)