Android 布局管理器

Android 布局管理器

布局管理器:控制组件的摆放。

1. RelativeLayout

RelativeLayout, 相对布局管理器,由关系到的其他Layout或父级Layout决定其位置。

主要XML属性:

  • android:gravity

    设置各组件的摆放方式

  • android:ignoreGravity

    设置那些组件不受上一属性影响

RelativeLayout有一个内部类,用来对布局内的View进行布局设置。

1.1 RelativeLayout.LayoutParams

用以设置相对布局中某一个View的具体位置。

主要属性:

  • 相对于参考组件布局:值为参考组件(View)id

    属性说明
    android:layout_above
    android:layout_below
    android:layout_toLeftOf
    android:layout_toRightOf
  • 与布局管理器对齐方式:值为truefalse

    属性说明
    android:layout_alignParentTop
    android:layout_alignParentBottom
    android:layout_alignParentLeft
    android:layout_alignParentRight
  • 与参考组件边界对齐:值为参考组件(View)id

    属性说明
    android:layout_alignTop
    android:layout_alignBottom
    android:layout_alignLeft
    android:layout_alignRight
  • 组件位于布局管理器的位置:值为truefalse

    属性说明
    android:layout_centerHorizontal水平居中
    android:layout_centerInParent水平垂直居中
    android:layout_centerVertical垂直居中

1.2 实例

需求:

在这里插入图片描述

布局代码如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="@mipmap/bg">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="@string/update_tip"
        android:textAlignment="center"
        android:textSize="16sp"
        android:textFontWeight="500"
        android:id="@+id/tv_udp_tip"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv_udp_tip"
        android:layout_toStartOf="@+id/btn_later"
        android:layout_marginEnd="20dp"
        android:text="@string/update" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv_udp_tip"
        android:layout_alignEnd="@+id/tv_udp_tip"
        android:text="@string/later"
        android:id="@+id/btn_later"
        />

</RelativeLayout>

效果图:

在这里插入图片描述

2. LinearLayout

LinearLayout,线性布局管理器,设置组件水平或垂直线性排列,每一行(列)只能放置一个组件,屏幕排满后的多余组件不显示。

主要XML属性:

  • android:orientation

    设置排列方式,值为vertical(垂直排列)或horizontal(水平排列)

  • android:gravity

    设置各组件的摆放方式(居中、水平居中等等)

同样的,LinearLayout也有一个内部类用以对布局内的View进行布局设置。

2.1 LinearLayout.LayoutParams

LinearLayout.LayoutParams,用以对线性布局内View的摆放方式等进行设置。

主要属性:

属性说明
android:layout_gravity摆放方式
android:layout_weight默认为0,表示对剩余空间的占比

3. FrameLayout

FrameLayout,帧布局管理器,组件层叠堆放,默认对齐屏幕左上角。

主要属性:

  • android:foregroundGravity

    设置前景的摆放方式(View有属性android:foreground),默认为fill(填充)。可同时设置多种摆放方式,多种方式间用|间隔,如要设置为右下角,则值应为:right|bottom

4. TableLayout

TableLayout,表格布局管理器,本质上是LinearLayout的子类,以表格的形式布局组件。

  • 通过<TableRow>标签在TableLayout中设置一行。一行中可以有多个单元格,一个单元格仅能容纳一个View或留空。行高默认为wrap_content
  • 该布局下的组件均无法设置layout_weight属性,强制为match_parent。但是可以设置layout_hight,默认值为wrap_content
  • TableLayout下的子标签(或者说组件)可以不是<TableRow>,而是其他组件,该组件将被当作该表格下的一行。
  • 列索引从0开始。不手动编写属性(android:layout_column`)时,系统自动添加;编写属性时,列索引需要从0开始递增,若跳过某索引,则默认创建一个空单元格。

主要属性:值为列索引,多列用,分割。

属性说明
android:collapseColumns哪些列被隐藏
android:shrinkColumns那些列允许被收缩,既一行空间不够时这些组件会收缩以完整显示组件。
android:stretchColumns那些列允许被拉伸,将自动利用一行中剩余空间

4.1 TableRow.LayoutParams

用以设置一行中的列索引、跨列属性

主要属性:值均为一个整数

属性说明
android:layout_column列索引
android:layout_span当前列需跨多少列

5. GridLayout

GridLayout, 网格布局管理器,一种用网格线将布局区域分割成若干单元格的布局方式,类似表格布局管理器,但比其更加灵活,比如可以实现跨行显示,一行显示不下自动换行等。

  • 通常情况下,组件间并不重叠,但是安卓本身并不保证组件间彼此不重叠。

主要属性:

属性说明
android:columnCount指定网格的最大列数
android:orientation未布局组件(组件未指定行、列数时称为未布局组件)的排列方式,值为horizontal(默认值)或vertical
android:rowCount指定网格的最大行数

同样提供了一个内部类作为配置该布局下View的分布。

5.1 GridLayout.LayoutParams

GridLayout.LayoutParams,用以对GridLayout布局下所在行、列等进行设置。

主要属性:

属性说明
android:layout_column所在列数
android:layout_columnSpan跨列数
android:layout_columnWeight列权重(既水平方向)
android:layout_gravity在单元格内如何摆放
android:layout_row所在行数
android:layout_rowSpan跨行数
android:layout_rowWeight行权重(既垂直方向)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值