Android 布局之线性布局、相对布局、表格布局、帧布局

最新推荐文章于 2024-11-11 14:34:10 发布

肖赛SoAi

最新推荐文章于 2024-11-11 14:34:10 发布

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 学习

本文链接：https://blog.csdn.net/h7870181/article/details/8160033

Android 学习专栏收录该内容

64 篇文章

订阅专栏

本文详细介绍了Android应用开发中常用的四种布局方式：线性布局(LinearLayout)、相对布局(RelativeLayout)、表格布局(TableLayout)及帧布局(FrameLayout)。通过具体的XML代码示例展示了每种布局的特点和用法。

1、LinearLayout（线性布局）

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >


    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="@string/mobile" />

<EditText

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:id="@+id/mobile" />

<Button

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="@string/button"

    android:id="@+id/button"/>

<CheckBox 

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"/>



</LinearLayout>

2、RelativeLayout（相对布局）

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >


    <RelativeLayout 

        android:layout_width="fill_parent"

    android:layout_height="wrap_content">

        <TextView

        android:layout_width="100dp"

        android:layout_height="wrap_content"

        android:text="@string/number"

        android:id="@+id/numberlabel" />

<EditText 

    android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:id="@+id/number"

        android:layout_toRightOf="@id/numberlabel"

        android:layout_alignTop="@id/numberlabel"

        android:layout_marginLeft="5dp"/>

    </RelativeLayout>

  



<TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="@string/content" />

<EditText 

    android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:minLines="3"

        android:maxLines="3"

        android:id="@+id/content"/>

<Button 

    android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/button" 

        android:id="@+id/button"/>

</LinearLayout>

3、TableLayout（表格布局两行两列）

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

android:layout_height="fill_parent" 

Android:stretchColumns="1">

<TableRow>

    <TextView

        android:text="@string/table_lable1"          
        android:padding="3dip"/>

<TextView

        android:text="@string/table_lable2"    

        android:gravity="right"

        android:padding="3dip"/>

</TableRow>

<TableRow>

    <TextView

        android:text="@string/table_lable1"          
        android:padding="3dip"/>

<TextView

        android:text="@string/table_lable2"    

         android:gravity="right"

         android:padding="3dip"/>

</TableRow>

</TableLayout >

4、FrameLayout（帧布局）显示控件会进行叠加，后者会叠加在前者之上

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent" >


    <ImageView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:src="@drawable/movie" />

<ImageView 

    android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/play" 

        android:layout_gravity="center"/>

</FrameLayout>