XML布局注意案例

最新推荐文章于 2025-06-09 11:35:52 发布
原创 最新推荐文章于 2025-06-09 11:35:52 发布 · 486 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在进行XML布局时，要遵循先控制整体布局，再细化内部控件的顺序。特别强调要注意布局方向的正确设置，确保元素排列无误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<?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:orientation="vertical"
    android:background="@color/colorWhite"
    tools:context="com.hawk.cleaner.professionalcleaner.BaseMainActivity">

    <!-- 阴影整体部分为竖直方向-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:background="@color/colorBlue"

        android:orientation="vertical">
        <!-- 设置图片和字体都是横向-->
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="20dp"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/setting"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:src="@drawable/icon_list" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:text="Facebook cleaner"
                android:textColor="@color/colorWhite"
                android:textSize="15sp" />
        </LinearLayout>


        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            >
            <!-- 垃圾桶和右边字体都是横向的-->
            <LinearLayout
                android:id="@+id/start"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="center"
                android:orientation="horizontal">



                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:src="@drawable/garbage_cleaning" />

                <!-- 可清理和下面的字设为竖直的-->
                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:orientation="vertical">

                    <TextView
                        android:id="@+id/can_clean"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:text="可清理垃圾"
                        android:textColor="@color/colorWhite"
                        android:textSize="15sp" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:text="218M"
                        android:textColor="@color/colorWhite"
                        android:textSize="30sp" />
                </LinearLayout>

            </LinearLayout>

            <!-- 清理完成之后显示对勾,没清理完之前不显示-->

            <LinearLayout
                android:id="@+id/finish"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:gravity="center"
                android:visibility="gone"
                >
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/icon_cleanup"
                    android:layout_alignParentTop="true"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true"

                    />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="暂无垃圾，请定期处理！"
                    android:textSize="10sp"
                    android:textColor="@color/colorWhite"

                    />

            </LinearLayout>

        </RelativeLayout>

    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:orientation="horizontal">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="20dp"
            android:src="@drawable/wastebin" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="20dp"
            android:layout_weight="1"
            android:orientation="vertical">

            <TextView
                android:id="@+id/Garbagenumber"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="清理内存垃圾"
                android:textSize="15sp" />

            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <TextView
                    android:id="@+id/button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="10dp"

                    android:text="未发现垃圾"
                    android:textSize="10sp"
                    android:textColor="@color/colorGary"
                    android:visibility="gone" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="不包含聊天信息，请放心清理!"
                    android:layout_marginTop="10dp"
                    android:textColor="@color/colorGary"
                    android:textSize="10sp"
                    android:visibility="visible" />
            </RelativeLayout>

        </LinearLayout>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_gravity="center|right"
            android:layout_height="wrap_content">
            <Button
                android:id="@+id/clear"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"

                android:layout_marginRight="20dp"
                android:text="清理"
                android:background="@drawable/shape"
                android:textSize="15sp"

                android:textColor="@color/colorWhite"
                />

            <TextView
                android:id="@+id/clearing"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="清理中...."

                android:textColor="@color/colorGreen"
                android:textSize="15sp"
                android:visibility="gone"
                />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:gravity="center"
                >
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/icon_finished"
                    android:visibility="gone"
                    />
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="125M"
                    android:textColor="@color/colorGreen"
                    android:visibility="gone"
                    />

            </LinearLayout>
        </RelativeLayout>
    </LinearLayout>

    <!-- 保存的图片一栏-->



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:orientation="vertical"

        >



        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:layout_weight="1"
                android:text="保存的图片 （20）"
                android:textSize="15sp" />

            <TextView
                android:id="@+id/textView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="20dp"
                android:layout_marginTop="20dp"
                android:text="3.22GB"
                android:textColor="@color/colorGreen"
                android:textSize="15sp" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"

            >

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="20dp"
                    android:layout_marginTop="20dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="5dp"
                    android:layout_marginTop="20dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="5dp"
                    android:layout_marginTop="20dp"
                    android:src="@drawable/ic_launcher" />

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="5dp"
                    android:layout_marginTop="20dp"
                    android:src="@drawable/ic_launcher" />
            </LinearLayout>

            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center">

                <Button
                    android:id="@+id/handle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_marginRight="20dp"
                    android:background="@drawable/shape"
                    android:text="处理"
                    android:textColor="@color/colorWhite"
                    android:textSize="15sp" />

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/icon_finished"
                    android:visibility="gone" />

            </RelativeLayout>


        </LinearLayout>

    </LinearLayout>


</LinearLayout>





注意：布局时一定先控制好大范围，再控制好里面的控件，尤其注意方向的变化
leehbhs
关注
Android UI开发基础：XML布局文件与常用View组件
Ya-Jun 的博客
03-05 492
Android应用的用户界面是由View和ViewGroup对象的层次结构组成的。每个ViewGroup都是一个可以包含View对象的容器。XML布局文件提供了一种类似HTML的方式来描述这种视图层次结构。 1.3 常用View组件 TextView Button EditText ImageView 二、实战案例 2.1 登录界面实现 对应的Activity代码： 2.2 调试技巧 使用Layout Inspector使用Preview窗口使用Lint检查避免布局嵌套过深合理使用wrap_c
Android 布局：使用 XML 语言设计 UI，掌握布局组件
u011464172的专栏
06-26 1628
Android UI 设计的核心在于布局，而 XML 语言是定义 Android 布局的标准方式。本教程将带你深入了解 Android 布局的奥秘，从基础知识到实战案例，助你掌握布局组件的使用方法，创建出精美的 UI。Android 布局使用 XML 文件定义，每个 XML 文件代表一个视图 (View) 或布局 (Layout) 组件。布局是 Android UI 设计的基础，掌握布局组件和属性的使用，能够有效地构建出功能完善、界面美观的应用程序。
Android RelativeLayout实现XML布局的例子.rar
07-10
一个Android XML布局的例子，主要利用xml文件进行布局，里边用到的是RelativeLayout。具体的本例中： 　　非洲草原地图：用到了FrameLayout的使用；ActivityMain演示了linerLayout。 　　个性化表单ActivityLayout 演示了RelativeLayout和linerLayout的结合。 　　ActivityRelativeLayout 演示了单独的RelativeLayout。 　　整齐的表单：演示了TableLayout的用法。
Android 用户界面---XML布局
FireOfStar的专栏
03-10 3621
布局是针对用户界面的一个Activity的结构。它定义布局的结构并持有显示给用户的所有元素。你能够用以下两种方法来声明你的布局： 1.  在XML文件中声明UI元素。Android提供了一个简单的XML词汇表，用来对应View类和子类。如那些widget构件和layout布局。 2.  在运行时实例化布局元素。你的应用程序能够编程创建View和ViewGroup对象（并且操作它们的属性） A
android RelativeLayout布局
最新发布
wu_android的博客
06-09 415
按道理来说 ，应该是b2贴在父容器左边，b1在中间，实际上b1 b2重叠了 为什么会这个样子？
xml布局
a654205000的博客
08-28 235
xml是android程序的门面定义文件，如同在windows编程里面的界面定义文件。其和windows中的界面定义文件一样，对界面对象进行排版工作（界面对象在window中似乎只是指.rc文件，而在android中，其范围被大大增加，大到activity小到button都可以进行定义。我现在所知的有textView、button、activity、view) 下面是对已其的一点心得。...
Android：xml布局详细介绍(线性布局：LinearLayout\相对布局：RelativeLayout\ 条件布局：ConstraintLayout)
热门推荐
JMW1407的博客
03-12 1万+
xml布局详细介绍xml布局详细介绍1、线性布局 LinearLayout4、 XML布局的常见属性参考 xml布局详细介绍 Android推荐使用XML布局文件来定义用户界面，而不是使用Java代码来开发用户界面，因此基础所有组件都提供了两种方式来控制组件的行为：1、在XML布局文件中通过XML属性进行控制；2、在Java程序代码中通过调用方法进行控制；完全使用Java代码来控制UI界面不仅繁琐、而且不利于解耦；而完全利用XML布局文件来控制UI界面虽然方便、便捷，但难免有失灵活。 在编译XML布局文件时
duilib入门和xml培训 布局案例
10-06
这个"duilib入门和xml培训 布局案例"的压缩包文件显然是为了帮助初学者理解和掌握如何使用Duilib库，特别是通过XML来设置和管理用户界面布局。 Duilib的核心在于提供一套强大的界面元素，如按钮、文本框、列表视图...
Android加载Assets目录中Xml布局文件
01-20
在本案例中，开发者遇到的问题是如何在只支持jar包的项目中包含XML布局文件，因为layout文件无法直接打包到jar中。不过，Android提供了解决方案，即通过`inflate(XmlPullParser parser, ViewGroup root)`方法来动态...
CSS+DIV布局赏析案例.zip_CSS+DIV布局赏析案例
09-22
本案例“CSS+DIV布局赏析案例”主要展示了如何通过这两种技术来实现高效、美观且易于理解的网页结构。下面我们将深入探讨CSS和DIV布局的相关知识点。 首先，CSS是一种样式表语言，用于描述HTML或XML（包括如SVG、...
Android写xml布局时的注意事项
SkySmile1992的博客
12-05 454
xml布局，View标签
XML布局文件
12-03
XML布局文件属性解析，需要注意的问题，格式。
XML简单介绍及举例
weixin_30649859的博客
05-08 378
可扩展标记语言(eXtensibleMarkup Language，简称XML)。是一种标记语言。标记指计算机所能理解的信息符号。通过此种标记，计算机之间能够处理包括各种信息的文章等。怎样定义这些标记，既能够选择国际通用的标记语言。比方HTML。也能够使用像XML这样由相关人士自由决定的标记语言，这就是语言的可扩展性。XML被设计用来传输和存储数据。HTML被设计用来显示数据。用途：...
xml布局文件
aoyi2011的博客
03-15 262
https://blog.csdn.net/u013475386/article/details/44339035 gravity写在容器中中 layout_gravity写在控件中 layout_margriLeft距离右边框 自定义ui形状的XML文件 用XML文件去描绘一个图形形状 首先在drawable里面创建一个XML文件 然后用shape标签去...
布局之xml文件
qq_28432673的博客
11-03 804
对于布局一开始只知道根据自己的需要从五大布局中组合出自己所需的界面，但是以前并没有仔细去想过xml布局内部的排列方式。      对于xml布局各种view和viewGroup来说，其放置的顺序对于布局很有影响的。个人推测是布局xml文件的加载是按照在文件中的顺序进行加载的。错误信息是没有找到textView2这个View。由于确定textView1的位置需要知道textView2的位置，也就是说系
【翻译】(13)XML布局
weimingtom的待宵草
11-24 214
【翻译】(13)XML布局   see http://developer.android.com/guide/topics/ui/declaring-layout.html   原文见 http://developer.android.com/guide/topics/ui/declaring-layout.html   ---------------------------...
XML 布局 与相关例子
tanghui20的专栏
08-05 1020
FrameLayout(框架布 局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局)         true  全屏         true   无标题         android:gravity="center" 中间显示 mCaptchaLinearLayout.se
安卓开发中XML布局全览及版本演进 —— 移动应用开发（安卓）
Geek极安云服官方博客
04-25 741
安卓 XML 布局提供了丰富的容器，从基础的LinearLayout（线性布局）到现代的ConstraintLayout（约束布局）和RecyclerView（回收视图），满足了各种 UI 设计需求。通过了解每种布局的功能和引入版本，开发者可以根据项目需求选择合适的布局。现代开发应优先采用和ViewPager2等新布局，以提升性能和用户体验。希望本文的整理能帮助你更好地掌握安卓 XML 布局的设计与应用！新建的移动应用开发竞赛交流裙 831919441。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值