Android 之 五大布局案例

1、LinearLayout 线性布局例子:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#5F9EA0"
            android:gravity="center"
            android:text="ONE" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#FFEBCD"
            android:gravity="center"
            android:text="ONE" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#F5F5DC"
            android:gravity="center"
            android:text="ONE" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#FFE4C4"
            android:gravity="center"
            android:text="ONE" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="0.2"
            android:background="#A52A2A"
            android:gravity="center"
            android:text="ONE" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:orientation="vertical" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#A9A9A9"
            android:gravity="center"
            android:text="TWO" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#006400"
            android:gravity="center"
            android:text="TWO" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#BDB76B"
            android:gravity="center"
            android:text="TWO" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#8B008B"
            android:gravity="center"
            android:text="TWO" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:background="#DC143C"
            android:gravity="center"
            android:text="TWO" />
    </LinearLayout>

</LinearLayout>


2、RelativeLayout 相对布局案例一:

<RelativeLayout 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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <EditText
        android:id="@+id/editText1"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="16dp"
       
        android:ems="10" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_toLeftOf="@+id/button1"
        android:text="确定" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/editText1"
        android:layout_below="@+id/editText1"
        android:text="取消" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_alignParentTop="true"
        android:text="用户名:" />

</RelativeLayout>

2.1 相对布局案例二:
<RelativeLayout 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"
    android:background="#000000"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <AnalogClock
        android:id="@+id/analogClock1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="67dp" />

    <DigitalClock
        android:id="@+id/digitalClock1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/analogClock1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="27dp"
        android:text="DigitalClock"
        android:textColor="#F5F5DC" />

</RelativeLayout>


3、TableLayout 表格布局案例:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#000000" >

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#F5F5DC" 
        android:shrinkColumns="1"
        android:layout_marginLeft="1dp"
        >

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="40dp"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="代码"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="80dp"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="名称"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="现价"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="涨跌"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="涨跌(%)"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="001"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="A股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="0.0"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.05"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.0"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="002"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="B股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="5.0"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.4"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="30"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="003"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="C 股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="4.0"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.4"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="38"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="004"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="D股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="6.8"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.4"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="55"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1dp"
            android:layout_marginBottom="1dp"
             >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="005"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="E股"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="6.9"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="1.1"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="0.2"
                android:background="#000000"
                android:gravity="center"
                android:padding="1dp"
                android:text="90"
                android:textColor="#F5F5DC"
                android:textSize="20sp" />
        </TableRow>
    </TableLayout>

</FrameLayout>

你可能感兴趣的:(android,布局,表格布局,线性布局,相对布局)