Android 之五大布局案例

程序员文章站 2022-05-15 17:42:16

...

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>

images.rar (195.8 KB)
下载次数: 8

color2.rar (3.7 KB)
下载次数: 4

相关标签： android 布局线性布局表格布局相对布局

上一篇： vue.js（2.0）常用指令总结以及一些指令的坑！

下一篇：缩写

Android 之五大布局案例

Android开发之ListView功能扩展，实现高性能的瀑布流布局讲解

android动态布局之动态加入TextView和ListView的方法

Android学习笔记之——UI组件/RelativeLayout（相对布局）

Android开发布局案例二

Android实战基础之入门视图及布局讲解

Android开发之LinearLayout布局、RelativeLayout布局实例讲解

Android布局加载之LayoutInflater示例详解

Android学习之通过SeekBar调节布局背景颜色（RGB）

Android基础小白线性布局简单案例(附完整源码)

Android Tablayout 自定义Tab布局的使用案例

Android 之 五大布局案例

Android开发之ListView功能扩展，实现高性能的瀑布流布局讲解

android动态布局之动态加入TextView和ListView的方法

Android学习笔记之——UI组件/RelativeLayout（相对布局）

Android开发布局 案例二

Android实战基础之入门视图及布局讲解

Android开发之LinearLayout布局、RelativeLayout布局实例讲解

Android布局加载之LayoutInflater示例详解

Android学习之通过SeekBar调节布局背景颜色（RGB）

Android基础小白线性布局简单案例(附完整源码)

Android Tablayout 自定义Tab布局的使用案例

Android 之五大布局案例

Android开发布局案例二