Android开发常用的五种布局

1. 线性布局(LinearLayout

特点

  • 控件按照垂直或水平方向排列。
  • 控件之间可以设置间距。
  • 控件的权重(weight)属性可以决定控件在可用空间中的占比。

适用场景

  • 简单的垂直或水平排列的UI组件。
  • 需要等间距或按比例分配空间的场景。

示例代码

<LinearLayout 

    android:layout_width="match_parent" 

    android:layout_height="wrap_content" 

    android:orientation="horizontal"> 

    <Button 

        android:layout_width="0dp" 

        android:layout_height="wrap_content" 

        android:layout_weight="1" 

        android:text="Button 1" /> 

    <Button 

        android:layout_width="0dp" 

        android:layout_height="wrap_content" 

        android:layout_weight="1" 

        android:text="Button 2" /> 

</LinearLayout>

2. 约束布局(ConstraintLayout

特点

  • 灵活的布局方式,可以处理复杂的UI设计。
  • 通过约束来定义控件之间的相对位置和大小。
  • 适用于大型和复杂的布局,可以提高布局性能。

适用场景

  • 需要精细控制控件位置和大小的复杂UI设计。
  • 需要提高布局性能的场景。

示例代码

<androidx.constraintlayout.widget.ConstraintLayout 

    android:layout_width="match_parent" 

    android:layout_height="match_parent"> 

    <Button 

        android:id="@+id/button" 

        android:layout_width="wrap_content" 

        android:layout_height="wrap_content" 

        android:text="Button" 

        app:layout_constraintBottom_toBottomOf="parent" 

        app:layout_constraintEnd_toEndOf="parent" 

        app:layout_constraintStart_toStartOf="parent" 

        app:layout_constraintTop_toTopOf="parent" /> 

</androidx.constraintlayout.widget.ConstraintLayout>

3. 表格布局(TableLayout

特点

  • 将控件组织成行和列的表格形式。
  • 适用于需要展示表格数据的场景。

适用场景

  • 需要展示行列数据的场景,如简单的表格视图。

示例代码

<TableLayout 

    android:layout_width="match_parent" 

    android:layout_height="wrap_content"> 

    <TableRow> 

        <TextView 

            android:layout_width="wrap_content" 

            android:layout_height="wrap_content" 

            android:text="Header 1" /> 

        <TextView 

            android:layout_width="wrap_content" 

            android:layout_height="wrap_content" 

            android:text="Header 2" /> 

    </TableRow> 

</TableLayout>

4. 帧布局(FrameLayout

特点

  • 所有控件都放置在屏幕的左上角,并层层叠加。
  • 控件可以设置重力(gravity)属性来改变其在帧布局中的位置。

适用场景

  • 简单的重叠布局,如加载覆盖层或对话框。
  • 需要将多个视图重叠显示的场景。

示例代码

<FrameLayout 

    android:layout_width="match_parent" 

    android:layout_height="match_parent"> 

    <ImageView 

        android:layout_width="match_parent" 

        android:layout_height="match_parent" 

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

    <TextView 

        android:layout_width="wrap_content" 

        android:layout_height="wrap_content" 

        android:layout_gravity="center" 

        android:text="Hello, FrameLayout!" /> 

</FrameLayout>

5. 相对布局(RelativeLayout

特点

  • 控件的位置相对于其他控件或父布局来确定。
  • 控件可以设置与其他控件的相对位置(如左对齐、右下方等)。

适用场景

  • 需要根据其他控件位置来定位控件的场景。
  • 灵活的布局方式,适用于复杂的UI

示例代码

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

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <Button

        android:id="@+id/button1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Button 1"

        android:layout_alignParentTop="true"

        android:layout_alignParentLeft="true"/>

    <Button

        android:id="@+id/button2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Button 2"

        android:layout_below="@id/button1"

        android:layout_toRightOf="@id/button1"/>

</RelativeLayout>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值