Android有哪几种布局

最新推荐文章于 2024-04-13 09:00:00 发布

三季人 G

最新推荐文章于 2024-04-13 09:00:00 发布

阅读量469

点赞数 2

文章标签： android

本文链接：https://blog.csdn.net/QYgujingjing/article/details/131987713

版权

Android有哪几种布局

在Android中，有多种布局用于组织和定位UI元素，以实现不同的界面布局效果。以下是Android中常用的几种布局：

LinearLayout（线性布局）：
LinearLayout是最简单的布局，它按照水平或垂直方向排列子视图。可以通过android:orientation属性指定排列方向为horizontal（水平）或vertical（垂直）。
RelativeLayout（相对布局）：
RelativeLayout允许子视图相对于父视图或其他子视图定位。通过指定视图之间的相对关系，可以实现灵活的布局效果。
FrameLayout（帧布局）：
FrameLayout将子视图堆叠在一起，每个子视图位于最顶层的位置。常用于覆盖显示或切换视图。
ConstraintLayout（约束布局）：
ConstraintLayout是一个灵活强大的布局，可以实现复杂的界面布局。它使用约束将子视图相对于父视图或其他子视图进行定位。
TableLayout（表格布局）：
TableLayout可以将子视图组织成表格形式，类似于HTML的表格布局。它包含多个TableRow，每个TableRow包含多个子视图。
GridLayout（网格布局）：
GridLayout将子视图组织成网格形式，类似于表格布局。可以通过android:layout_row和android:layout_column属性指定子视图的行和列位置。
CoordinatorLayout（协调布局）：
CoordinatorLayout是用于处理子视图之间的协调动作的特殊布局。它常用于实现一些复杂的交互效果，如滚动时的视图协调。
ScrollView（滚动布局）：
ScrollView允许在视图内容超过屏幕时进行滚动查看。它只能包含一个直接子视图。
ConstraintSet：
ConstraintSet是用于在ConstraintLayout中动态修改约束的类。可以通过ConstraintSet在运行时改变界面布局。

这些是Android中常用的几种布局，每种布局都有不同的特点和用途，开发者可以根据实际需求选择合适的布局来设计和构建应用程序的界面。

下面是一个简单的Android代码示例，演示如何使用不同的布局来实现不同的界面布局效果。在这个示例中，我们创建一个简单的登录界面，使用LinearLayout、RelativeLayout和ConstraintLayout来实现不同的布局。

使用LinearLayout布局：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="密码"
        android:inputType="textPassword" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录" />

</LinearLayout>

使用RelativeLayout布局：

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <EditText
        android:id="@+id/etUsername"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名" />

    <EditText
        android:id="@+id/etPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="密码"
        android:inputType="textPassword"
        android:layout_below="@id/etUsername" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录"
        android:layout_below="@id/etPassword" />

</RelativeLayout>

使用ConstraintLayout布局：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <EditText
        android:id="@+id/etUsername"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/etPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="密码"
        android:inputType="textPassword"
        app:layout_constraintTop_toBottomOf="@id/etUsername" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录"
        app:layout_constraintTop_toBottomOf="@id/etPassword" />

</androidx.constraintlayout.widget.ConstraintLayout>