Android 常见的布局管理器

最新推荐文章于 2022-09-27 14:14:27 发布
最新推荐文章于 2022-09-27 14:14:27 发布
阅读量388 收藏 1
点赞数 1
分类专栏： # Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YKenan/article/details/112561164
版权

Android 的布局管理器

在这里插入图片描述在这里插入图片描述

1. 线性布局 (LinearLayout)

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:padding="15dp"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/ll_1"
        android:layout_height="200dp"
        android:layout_width="200dp"
        android:orientation="horizontal"
        android:background="@color/purple_200"
        android:paddingTop="40dp"
        android:paddingBottom="40dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:gravity="center">

        <View
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/teal_200"/>

    </LinearLayout>

</LinearLayout>

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:padding="15dp"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/ll_1"
        android:layout_height="200dp"
        android:layout_width="200dp"
        android:orientation="horizontal"
        android:background="@color/purple_200"
        android:paddingTop="40dp"
        android:paddingBottom="40dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:layout_marginBottom="15dp"
        android:gravity="center">

        <View
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/teal_200"/>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_2"
        android:layout_height="200dp"
        android:layout_width="200dp"
        android:orientation="horizontal"
        android:background="@color/purple_200"
        android:paddingTop="40dp"
        android:paddingBottom="40dp"
        android:gravity="center">

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/purple_700"/>

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/teal_700"/>

    </LinearLayout>

</LinearLayout>

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:padding="15dp"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/ll_1"
        android:layout_height="200dp"
        android:layout_width="200dp"
        android:orientation="horizontal"
        android:background="@color/purple_200"
        android:paddingTop="40dp"
        android:paddingBottom="40dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:layout_marginBottom="15dp"
        android:gravity="center">

        <View
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/teal_200"/>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_2"
        android:layout_height="200dp"
        android:layout_width="200dp"
        android:orientation="horizontal"
        android:background="@color/purple_200"
        android:paddingTop="40dp"
        android:paddingBottom="40dp"
        android:gravity="center">

        <View
            android:layout_width="50dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/purple_700"/>

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@color/teal_700"/>

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:background="@color/teal_200"/>

    </LinearLayout>

</LinearLayout>

2. 相对布局 (RelativeLayout)

在这里插入图片描述

<?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"
    android:padding="15dp"
    tools:context=".MainActivity">

    <View
        android:id="@+id/v_1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/black"
        android:layout_alignParentBottom="true"/>

    <View
        android:id="@+id/v_2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/purple_200"
        android:layout_alignParentEnd="true"/>

    <View
        android:id="@+id/v_3"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/purple_700"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"/>

</RelativeLayout>

在这里插入图片描述

<?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"
    android:padding="15dp"
    tools:context=".MainActivity">

    <View
        android:id="@+id/v_1"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/black"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"/>

    <View
        android:id="@+id/v_2"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/purple_200"
        android:layout_toEndOf="@id/v_1"
        android:layout_centerVertical="true"/>

    <View
        android:id="@+id/v_3"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/teal_200"
        android:layout_below="@id/v_1"
        android:layout_centerHorizontal="true"/>

    <View
        android:id="@+id/v_4"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/teal_700"
        android:layout_above="@id/v_1"
        android:layout_centerHorizontal="true"/>

    <View
        android:id="@+id/v_5"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/purple_500"
        android:layout_toStartOf="@id/v_1"
        android:layout_centerVertical="true"/>

</RelativeLayout>

3. 表格布局 (TableLayout)

在这里插入图片描述

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<TableLayout 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"
    android:padding="15dp"
    android:stretchColumns="1"
    tools:context=".MainActivity">

    <TableRow android:layout_marginBottom="15dp">
        <Button
            android:id="@+id/button_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/app_name"
            tools:ignore="ButtonStyle" />
        <Button
            android:id="@+id/button_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/app_name"
            tools:ignore="ButtonStyle" />
        <Button
            android:id="@+id/button_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/app_name"
            tools:ignore="ButtonStyle" />
    </TableRow>

    <TableRow>
        <Button
            android:id="@+id/button_4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/app_name"
            android:layout_column="1"
            tools:ignore="ButtonStyle" />
    </TableRow>

    <TableRow>
        <Button
            android:id="@+id/button_5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/app_name"
            android:layout_span="2"
            tools:ignore="ButtonStyle" />
    </TableRow>

</TableLayout>
YKenan
关注
专栏目录
Android：布局管理器
Zhengyangxinn的博客
01-13 1520
在 Android 中，每个组件在窗体中都有具体的位置和大小，在窗体中摆放各种组件时，很难进行判断。不过，使用 Android 布局管理器可以很方便地控制各组件的位置和大小。
Android UI组件布局管理器
08-24
在Android开发中，UI设计是至关重要的，而布局管理器（Layout Manager）则是构建用户界面的核心工具。Android提供了六种主要的布局管理器，每种都有其特定的用途和优势，使得开发者能够根据需求创建出各种各样的界面...
MVP OKhttp布局
xiaozi_11的博客
01-07 200
activity_main.xml 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:to
Android游戏开发-布局管理
mmdev
05-16 325
Android游戏开发-布局管理 2012/5/16 星期三 下午 我们都知道，系统控件一般都会搭载进布局里的，在Android呢，提供了5种布局类型，通过这五种布局之间的相互组合可以构建各种复杂的布局。然而一个游戏当中，界面的布局是至关重要的一部分，一个漂亮的界面更能吸引玩家的眼球，并不是这个游戏的可玩性有多么的强，对于手机来说，无论是应用软件还是游戏，我认为手机里面的资源始终...
Android提供了哪些布局管理器,android中提供的哪些主要的布局管理器
weixin_32442555的博客
05-25 325
UYOU布局(Layout)的概念是针对Activity的，Activity就是布满整 个Android设备的窗口或者悬浮于其他窗口上的交互界面。在一个应用程序中通常由多个Activity构成，每个需要显示的Activity都需要在AndroidManifest.xml文件之中声明。通常情况下，开发人员可以使用两种方式来创建UI组件，一种方式是使用XML方式来配置UI组件的相关属性，然后装载这些U...
Android提供了哪些布局管理器,Android开发七：布局管理器4(网格布局GridLayout,绝对布局AbsoluteLayout)...
weixin_34665386的博客
05-25 269
Android开发7：布局管理器4(网格布局GridLayout,绝对布局AbsoluteLayout)版本：Android4.3 API18 学习整理：liuxinmingGridLayout概述GridLayout即网格布局，它是Android4.0新增的布局管理器，因此需要在Android4.0之后的版本中才能使用该布局。GridLayout的作用类似于HTML中的table标签，它把整个...
android布局管理器代码
02-13
本文将深入探讨Android中的常见布局管理器，尤其是基于XML的布局，以及如何在Activity中操作它们。 1. **线性布局（LinearLayout）** 线性布局是最基础的布局，它按照垂直或水平方向将子视图堆叠在一起。`android:...
android studio之布局管理器之间的互相嵌套.docx
12-15
Android Studio 之布局管理器之间的互相嵌套 Android Studio 中的布局管理器是指用于安排 UI 组件的容器，它们可以单独使用，也可以互相嵌套以满足复杂的布局需求。在本文中，我们将探讨 Android Studio 中布局...
Android布局管理器
12-13
【Android布局管理器】是Android应用开发中的核心概念，它决定了UI组件在屏幕上的排列方式。在Android中，布局管理器主要有五种类型：线性布局（LinearLayout）、表格布局（TableLayout）、相对布局（RelativeLayout...
Android蜂巢布局管理器.zip
07-10
在Android开发中，为了实现复杂且灵活的布局管理，开发者们常常会利用自定义的布局管理器。"Android蜂巢布局管理器"就是一个这样的工具，它以独特的网格样式展示元素，不仅外观独特，而且提供了优雅的动画效果，使得...
Android中的6大布局管理器
你说的白是什么白_
12-22 2118
文章目录6大布局管理器详解1. LinearLayout 线性布局管理器 为什么要使用布局管理器？ 根据屏幕大小，管理容器内的控件，自动适配组件在手机屏幕中的位置 6大布局管理器详解 1. LinearLayout 线性布局管理器 ...
安卓布局管理器大盘点
qq_41179259的博客
06-17 353
安卓布局管理器大盘点 android stdio的xml布局管理器有六种类型，要用好这六种布局管理器就需要了解他们的特性，否则就会在错误的布局里不断试错苦思冥想都做不到想要的结果，而且往往布局管理器也是新手最需要联系且容易忽略的东西，作为安卓的初学者现在来做一个安卓布局管理器的大盘点 布局管理器的类型 RelativeLayout (相对布局管理器） LinearLayout (线性布局管理器）...
安卓-08-布局管理器
weixin_34081595的博客
04-01 99
控制组件是如何摆放的. 常用的布局管理器 RelativeLayout LinearLayout FrameLayout TableLayout ConstraintLayout 绝对布局已经被标记过时了. 1、相对布局管理器--RelativeLayout 以上的这些属性应该设置到布局容器的子属性上 转载于:https://www.cnblogs.com/hua...
Android常用布局管理器总结
WilliamSun0122的博客
05-30 1536
Android中的所有UI组件都继承自android.view.View类，所有的UI组件都位于android.view包 和 android.widget包中。主要分为两大部分，View（视图：普通控件）和ViewGroup（容器：布局管理器）。LinearLayout 线性布局管理器线性布局内的控件不换行或换列，组件依次排列，超出容器的控件则不会被显示。 主要属性说明： android:ori
Android四种布局管理器
12-30 1083
Android中一共有四种布局管理器： LinearLayout:线性布局管理器（默认），分为水平和垂直两种，只能进行单行布局。 FrameLayout:所有的组件放在左上角，一个覆盖一个。 TableLayout:任意行和列的表格布局管理器，其中TableRow代表一行，可以向行中增加组件。 RelativeLayout:相对布局管理器，更具最近一个视图组件，或是顶层父组件来确定下一个组件的
Android开发之布局管理器
林伊的博客
08-19 875
3.1什么是布局管理器 （1）为什么要进行界面布局？ 使得页面能够有条理，便于观看和理解。 什么是布局管理器？ 就是用来控制组件如何摆放的，例如棋盘和棋子，棋盘就是布局管理器，棋子就是组件，使得页面能够适应不同型号的手机。 常用的布局管理器 RelativeLayout（相对布局管理器） LinearLayout（线性布局管理器） FrameLayout（帧布局管理器） TableLayout（表格布局管理器） AbsoluteLayout（绝对布局管理器）（2.0之后就很少用了） Gri
Android界面布局管理器
m0_53881899的博客
09-27 913
Android界面布局管理
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值