android布局及其常用属性

最新推荐文章于 2023-09-18 01:27:04 发布

weixin_30865427

最新推荐文章于 2023-09-18 01:27:04 发布

阅读量52

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/fifteen718/p/9533981.html

版权

Android布局：

Android的界面是由布局和组件协同完成的，布局好比造房子的框架，而组件就是造房子用到的砖瓦。

所有的布局方式都可以归类为ViewGroup的5个类别，即ViewGroup的5个直接子类：线、相、绝、表、帧。

1、线性布局（LinearLayout）

①简介：按照垂直或者水平方向布局的组件。

②常用的属性：

android:orientation: （方向）可以设置布局的方向

android:gravity: （重心）用来控制组件的对齐方式

layout_weight: （比例）控制各个组件在布局中的相对大小

③实例效果图：

代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--先是一个线性布局的输入框-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <!-- 然后是线性布局的按钮，主要介绍gravity属性-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:orientation="horizontal">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Yes" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="No" />
    </LinearLayout>

    <!--最后是线性布局的文本框，主要介绍layout_weight属性-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#0000aa"
            android:text="blue" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:background="#aa0000"
            android:text="red" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:background="#00aa00"
            android:text="green" />
    </LinearLayout>

</LinearLayout>

2、相对布局（RelativeLayout）

①简介：相对其他组件的布局方式。

②常用属性：

可参见：http://blog.csdn.net/fifteen718/article/details/49025185

③实例效果图：

代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!--还是和上个界面一样，这次用相对布局来实现-->
    <EditText
        android:id="@+id/tx1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@id/tx1"
        android:text="No" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tx1"
        android:layout_toLeftOf="@id/btn1"
        android:text="Yes" />
</RelativeLayout>

3、绝对（坐标）布局（AbsoluteLayout）

①简介：按照绝对坐标来布局组件。

②绝对布局通过指定子组件的确切X,Y坐标来确定组件的位置，在Android2.0 API文档中标明该类已经过期，可以使用FrameLayout或者RelativeLayout来代替。所以这里不再详细介绍。

4、表格布局（TableLayout）

①简介：按照行列方式布局的组件。

②常用属性：

android:collapseColumns: 隐藏指定的列

android:shrinkColumns: 收缩指定的列以适合屏幕，不会挤出屏幕

android:stretchColumns: 尽量把指定的列填充空白部分

android:layout_column: 控件放在指定的列

android:layout_span: 该控件所跨越的列数

③实例效果图：

代码：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TableRow>

        <Button android:text="111" />

        <Button android:text="222" />

        <Button android:text="333" />

        <Button android:text="444" />

    </TableRow>

    <TableRow>

        <Button android:text="555" />

        <!--用layout_span来设置跨2列-->
        <Button
            android:layout_span="2"
            android:text="666" />

    </TableRow>

</TableLayout>

5、帧布局（FrameLayout）

①简介：从屏幕左上方布局的组件。

帧布局是从屏幕的左上角（0,0）坐标开始布局，多个组件层叠排列，第一个添加的组件放到最底层，最后添加到框架中的视图显示在最上面。上一层的会覆盖下一层的控件。

②常用属性：

android:foreground: 设置该帧布局容器的前景图像

android:foregroundGravity: 设置前景图像显示的位置

③实例效果图：

代码：

<FrameLayout 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:foreground="@drawable/frame"
    android:foregroundGravity="center"
    tools:context=".MainActivity">
    <!--一开始设置了一张居中的前景图，注意前景图会遮住该布局中的所有控件-->

    <!--设置一个蓝色背景的文本框-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:background="#0000aa" />

    <!--绿色-->
    <TextView
        android:layout_width="150dp"
        android:layout_height="match_parent"
        android:background="#00aa00" />

    <!--红色-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#aa0000" />

</FrameLayout>

最后补充：