Android Studio开发（二） 常用布局

1、概述

在Android Studio中，布局方式指的是用于定义和排列界面元素（如按钮、文本框、图片等）的方式。Android应用的界面通常由多个视图组件组成，而布局方式则确定了这些视图组件在屏幕上的位置、大小和相互关系。

• 适应不同屏幕尺寸和方向：Android设备有各种不同尺寸和分辨率的屏幕，使用布局可以确保应用在不同设备上都能正确显示，并且能够适应横向和纵向屏幕方向的切换。

• 提高用户体验：通过合理的布局设计，可以使界面元素之间的关系清晰，用户可以更轻松地理解和操作应用，提升用户体验。

• 实现复杂界面：布局方式可以帮助开发者实现复杂的界面设计，如网格布局、嵌套布局、滚动布局等，从而满足不同的设计需求。

• 支持多语言和主题：布局可以灵活适配不同语言的文本和不同主题的样式，使应用更具可定制性。

• 提高开发效率：使用布局可以更快速地构建界面，减少重复工作，提高开发效率。

2、线性布局（LinearLayout）

线性布局是最简单的布局方式之一，它按照水平或垂直方向依次排列子视图。可以通过设置子视图的权重来控制它们在布局中所占的比例。线性布局内部视图有两种排列方式：

• orientation值为horizontal时，内部视图在水平方向上从左往右排列
• orientation值为vertical时，内部视图在垂直方向从上往下排列

不指定orientation，默认为horizontal。

编写测试代码测试水平和垂直方向布局：

<?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="horizontal">
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="22sp"
        android:text="Hello, World!" />
 
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click Me" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click Me" />
</LinearLayout>

水平方向测试效果：

修改orientation属性值为vertical进行垂直方向测试：

3、相对布局（RelativeLayout）

相对布局允许您根据其他视图的位置来定位子视图。可以使用各种属性来指定子视图相对于父视图或其他子视图的位置。如果不设定下级视图的参照物，那么下级视图默认显示在RelativeLayout内部的左上角。相对位置的属性取值及其说明如下表所示：

编写测试代码：

<?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="match_parent">
 
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, World!" />
 
    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/textView"
        android:text="Click Me" />
 
    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn1"
        android:layout_toRightOf="@id/btn1"
        android:text="Click2" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="Click3" />
</RelativeLayout>

测试结果如下：

在线性布局中，可以使用权重（weight）属性来控制子视图在父布局中所占的比例。权重属性允许我们根据比例分配剩余空间，从而实现灵活的布局设计。

在线性布局中，可以使用layout_weight属性来设置子视图的权重。具体来说，layout_weight属性是一个浮点数，表示子视图在父布局中所占的相对权重。当线性布局的方向为水平时，权重决定子视图在水平方向上的分配比例；当方向为垂直时，权重决定子视图在垂直方向上的分配比例。在上述测试代码中添加以下代码：

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal">
 
        <Button
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="Button 1" />
 
        <Button
            android:layout_width="0dp"
            android:layout_weight="2"
            android:layout_height="wrap_content"
            android:text="Button 2" />
    </LinearLayout>

测试结果：

4、网格布局（GridLayout）

网格布局允许您将子视图放置在网格中的不同单元格中。可以指定子视图所占的行数和列数，以及它们的位置。

编写测试代码：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:rowCount="2"
    android:columnCount="2">
 
    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_row="0"
        android:layout_column="0"
        android:layout_columnWeight="1"
        android:text="Button 1" />
 
    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_row="1"
        android:layout_column="1"
        android:layout_columnWeight="1"
        android:text="Button 2" />
</GridLayout>

测试结果如下：

5、滚动布局（ScrollView和HorizontalScrollView）

ScrollView是垂直方向的滚动视图，HorizontalScrollView是水平方向的滚动视图。滚动布局用于在屏幕空间有限的情况下支持滚动查看内容。当布局中的内容超出屏幕范围时，用户可以通过滑动屏幕来查看未显示的内容。

测试代码：

<?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">
 
    <HorizontalScrollView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
 
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hiding from the rain and snow
Trying to forget but I won't let go
Looking at a crowded street
Listening to my own heart beat" />
    </HorizontalScrollView>
</LinearLayout>

测试结果：

6、总结

本文讲述了Android Studio常用的简单布局，编写代码进行测试。