Android布局之线性布局LinearLayout(一) ----四角显示TextView

Android布局之线性布局LinearLayout(一) ----四角显示TextView

Android中有六大布局,分别是:

英文	中文
LinearLayout	线性布局
RelativeLayout	相对布局
TableLayout	表格布局
FrameLayout	帧布局
AbsoluteLayout	绝对布局
GridLayout	网格布局
今天我学习的第一个布局就是LinearLayout(线性布局)，LinearLayout中用的比较多的是weight(权重属性)，主要用法如下：

  第一个实验要求只允许用LinearLayout布局和TextView控件，填充背景色，分别放置在屏幕的四个角上。
思路：LinearLayout有水平布局和竖直布局，则让整体为水平布局，左边两个TextView，右边两个TextView，左右两边的容器分别设置为竖直布局，并调整相应的位置即可。
  activity_main.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <!--orientation="vertical"竖直排列-->
    <!--horizontal水平排列-->
    <!--gravity居中-->
    <!--layout_width="wrap_content"自适应-->
    <!--match_parent充满父容器-->

    <!--整体采用左右布局-->
    <!--左-->
    <!--左边内部采用上下布局，宽度自适应，高度充满-->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <!--红色块在上方，高度宽度自适应-->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:background="#F44336" />

        </LinearLayout>
        <!--绿色在下方，高度充满，宽度自适应，bottom底部对齐-->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent">

            <TextView
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_gravity="bottom"
                android:background="#4CAF50" />

        </LinearLayout>
    </LinearLayout>
    <!--右-->
    <!--右边内部采用上下布局，宽度充满，高度充满(即充满剩余所有的空间)-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <!--黄色块在上方，高度宽度自适应，右对齐-->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right">

            <TextView
                android:layout_width="50dp"
                android:layout_height="50dp"

                android:background="#FFEB3B" />

        </LinearLayout>
        <!--蓝色块在下方，高度充满，宽度自适应，右对齐，底部对齐-->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="right">

            <TextView
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_gravity="bottom"
                android:background="#2196F3" />

        </LinearLayout>
    </LinearLayout>

</LinearLayout>

运行截图如下：