2021-06-10Android布局

最新推荐文章于 2024-11-15 18:38:42 发布
最新推荐文章于 2024-11-15 18:38:42 发布
阅读量406 收藏
点赞数
文章标签： android java 移动开发 android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38400733/article/details/117768361
版权
本文详细介绍了Android中的多种布局方式，包括线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)等，并提供了具体的XML代码示例。同时，还介绍了ListView的基本使用方法及RecyclerView的相关知识。
摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

Android布局

在 Android APP 项目中，有数种布局方式：线性布局、相对布局、扁平化布局、绝对布局等。用的最多的就是线性布局和相对布局，由于 Android 手机分辨率的定制化严重，没有统一的分辨率标准，绝对布局使用最少。

一、LinearLayout

1.格式

<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"
    tools:context=".MainActivity">

	<TextView
	....
	/>
	....控件，布局等

</LinearLayout>

2.其他属性

排列方式
纵向：android:orientation=“vertical”
横向：android:orientation=“horizontal”

分割线属性
android:divider 将控件之间隔开

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<!-- LinearLayout 线性布局-->
<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"
    tools:context=".MainActivity">

    <!--    android:orientation="" 横向/线性排列，只有线性布局才有-->

    <!--    margin演示-->
    <LinearLayout
        android:id="@+id/LL_1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#ff0000"
        android:orientation="horizontal">

        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="10dp"
            android:background="#00FF00" />

        <!--        android:layout_margin="" 外边距-->

    </LinearLayout>

    <!--    权重演示-->
    <LinearLayout
        android:id="@+id/LL_2"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="10dp"
        android:background="#000000"
        android:orientation="horizontal">

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:background="#ffffff" />

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:background="#0000ff" />

    </LinearLayout>

    <!--    居中演示-->
    <!--    权重演示-->
    <LinearLayout
        android:id="@+id/LL_3"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:layout_marginTop="15dp"
        android:background="#000000"
        android:baselineAligned="false"
        >

        <!--        水平并垂直居中-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:background="#ffffff"
            android:gravity="center"
            >

            <!--            android:gravity="" 用于居中子控件-->

            <View
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_margin="0dp"
                android:background="#0000ff"
                />

        </LinearLayout>

        <!--        水平居中-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:background="#0000ff"
            android:gravity="center_horizontal"
            >
            <View
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_margin="0dp"
                android:background="#ffffff"
                />
        </LinearLayout>

        <!--        垂直居中-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:background="#0000ff"
            android:gravity="center_vertical"
            >
            <View
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_margin="0dp"
                android:background="#ffffff"
                />
        </LinearLayout>

    </LinearLayout>

</LinearLayout>

二、RelativeLayout

相对布局

<RelativeLayout></RelativeLayout>

例子：

<?xml version="1.0" encoding="utf-8"?>
<!-- RelativeLayout 相对布局-->
<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:orientation="vertical"
    tools:context=".MainActivity">

    <!--    android:orientation="" 横向/线性排列，只有线性布局才有，相对布局没有-->

    <!--    margin演示-->
    <RelativeLayout
        android:id="@+id/LL_1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#ff0000">

        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="10dp"
            android:background="#00FF00" />

        <!--        android:layout_margin="" 外边距-->

    </RelativeLayout>

    <!--    权重演示-->
    <LinearLayout
        android:id="@+id/LL_2"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_below="@+id/LL_1"
        android:layout_marginTop="10dp"
        android:background="#000000">

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:background="#ffffff" />

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:layout_weight="1"
            android:background="#0000ff" />

    </LinearLayout>

    <!--    居中演示-->
    <LinearLayout
        android:id="@+id/LL_3"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:layout_below="@+id/LL_2"
        android:layout_marginTop="15dp"
        android:background="#000000"
        android:baselineAligned="false">

        <!--        水平并垂直居中-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:background="#ffffff"
            android:layout_weight="1"
            android:gravity="center">

            <!--            android:gravity="" 用于居中子控件-->

            <View
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_margin="0dp"
                android:background="#0000ff" />

        </LinearLayout>

        <!--        水平居中-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:background="#0000ff"
            android:layout_weight="1"
            android:gravity="center_horizontal">

            <View
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_margin="0dp"
                android:background="#ffffff" />
        </LinearLayout>

        <!--        垂直居中-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:background="#0000ff"
            android:layout_weight="1"
            android:gravity="center_vertical">

            <View
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_margin="0dp"
                android:background="#ffffff" />
        </LinearLayout>

    </LinearLayout>

    <!--    对齐演示-->
    <RelativeLayout
        android:id="@+id/LL_4"
        android:layout_width="match_parent"
        android:layout_height="210dp"
        android:layout_below="@id/LL_3"
        android:layout_marginTop="15dp"
        android:background="#000000"
        >

        <RelativeLayout
            android:id="@+id/LL_4_1"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:background="#00ff00"
            >

        </RelativeLayout>

        <!--        android:layout_toRightOf 对齐目标图像右边界-->
        <RelativeLayout
            android:id="@+id/LL_4_2"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:layout_margin="15dp"
            android:background="#00ffff"
            android:layout_toRightOf="@id/LL_4_1"
            >

        </RelativeLayout>

        <!--        android:layout_alignParentTop 对齐父控件上边界-->
        <RelativeLayout
            android:id="@+id/LL_4_3"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_margin="15dp"
            android:background="#00ffff"
            android:layout_toRightOf="@id/LL_4_2"
            android:layout_alignParentTop="true"
            >


        </RelativeLayout>

        <!--        android:layout_below 对齐目标下边界-->
        <RelativeLayout
            android:id="@+id/LL_4_4"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_margin="15dp"
            android:background="#00ffff"
            android:layout_below="@id/LL_4_3"
            android:layout_toRightOf="@id/LL_4_2"
            >

        </RelativeLayout>

        <!--        android:layout_alignParentBottom 对齐父控件下边界-->
        <RelativeLayout
            android:id="@+id/LL_4_5"
            android:layout_width="100dp"
            android:layout_height="40dp"
            android:layout_margin="15dp"
            android:background="#00ffff"
            android:layout_toRightOf="@id/LL_4_2"
            android:layout_alignParentBottom="true"
            >

        </RelativeLayout>

    </RelativeLayout>

</RelativeLayout>

三、FrameLayout

这个布局直接在屏幕上开辟出一块空白的区域,当我们往里面添加控件的时候,会默认把他们放到这块区域的左上角,而这种布局方式却没有任何的定位方式,所以它应用的场景并不多;帧布局的大小由控件中最大的子控件决定,如果控件的大小一样大的话,那么同一时刻就只能看到最上面的那个组件!后续添加的控件会覆盖前一个!虽然默认会将控件放置在左上角,但是我们也可以通过layout_gravity属性,指定到其他的位置

常用属性

FrameLayout的属性很少就两个,但是在说之前我们先介绍一个东西:
前景图像:永远处于帧布局最上面,直接面对用户的图像,就是不会被覆盖的图片。
两个属性:
android:foreground:*设置改帧布局容器的前景图像
android:foregroundGravity:设置前景图像显示的位置

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    
    xmlns:tools="http://schemas.android.com/tools"    
    android:id="@+id/FrameLayout1"    
    android:layout_width="match_parent"    
    android:layout_height="match_parent"    
    tools:context=".MainActivity"     
    android:foreground="@drawable/logo"    
    android:foregroundGravity="right|bottom">    
    
    <TextView    
        android:layout_width="200dp"    
        android:layout_height="200dp"    
        android:background="#FF6143" />    
    <TextView    
        android:layout_width="150dp"    
        android:layout_height="150dp"    
        android:background="#7BFE00" />    
     <TextView    
        android:layout_width="100dp"    
        android:layout_height="100dp"    
        android:background="#FFFF00" />    
        
</FrameLayout>

四、ConstraintLayout

五、Adapter

//

六、ListView

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>

  private String data[] = {"马","牛","猪","兔","鼠","狗","猪","aa","bb","cc","dd","aa","bb","cc","dd"};//假数据
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView listView = (ListView) findViewById(R.id.listview);//在视图中找到ListView
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,data);//新建并配置ArrayAapeter
        listView.setAdapter(adapter);
    }

添加监听方法

    listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                switch (i){
                    case 0:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;//当我们点击某一项就能吐司我们点了哪一项
 
                    case 1:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
 
                    case 2:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
 
                    case 3:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
 
                    case 4:
                        Toast.makeText(MainActivity.this,"你点击了"+i+"按钮",Toast.LENGTH_SHORT).show();
                        break;
                }
            }
        });

七、RecyclerView

示例

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

再来一杯茶颜悦色
关注
android常用布局详解，2021华为Android面试真题解
m0_67561493的博客
03-19 288
相对布局定位非常的方便而且精准： RelativeLayout中子控件常用属性： 其特有的一些定位属性如下： 1、相对于父控件，例如： android:layout_alignParentTop=“true” android:layout_alignParentTop 控件的顶部与父控件的顶部对齐; android:layout_alignParentBottom 控件的底部与父控件的底部对齐; android:layout_alignParentLeft 控件的左部与父控件的左部对齐; android:l
Android基本布局-GridLayout_网格布局
热门推荐
m0_59586434的博客
03-21 1万+
Android基本布局-GridLayout_网格布局
Android布局之绝对布局AbsoluteLayout详解
01-04
本文实例为大家分享了Android绝对布局AbsoluteLayout的具体代码，供大家参考，具体内容如下 1>AbsoluteLayout(绝对布局) 又可以叫做坐标布局，可以直接指定子元素的绝对位置（xy） 2>由于手机屏幕尺寸差别比较大 使用绝对定位的适应性会比较差，在屏幕的适配上有缺陷 3>AbsoluteLayout子类控件的属性 android:layout_x=”35dip” 控制当前子类控件的x位置 android:layout_y=”40dip” 控制当前子类控件的y位置 开发中不推荐使用 <?xml version=1.0 encoding=utf-8
2021-07-21 android常用基本布局
Jantoor的博客
07-21 210
Android常用布局 LinearLayout 线性布局 1)、线性布局：用来控制其子View（子视图）以水平或垂直方式展开显示 2）、重要属性： 1）、orientation(方向） ： "vertical" 为垂直 "horizontal"为水平 2）、layout_weight(权重) LinearLayout 应用实例 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="htt
android常用布局详解，2021Android研发必问高级面试题
m0_64319112的博客
11-19 214
LinearLayout 线性布局 线性布局是按照水平或垂直的顺序将子元素(可以是控件或布局)依次按照顺序排列，每一个元素都位于前面一个元素之后。 线性布局分为两种：水平方向和垂直方向的布局。分别通过属性android:orientation=“vertical” 和 android:orientation="horizontal"来设置。 android:gravity：内部控件对齐方式，常用属性值有center、center_vertical、center_horizontal、top、bottom.
分享五种Android常用布局方式
01-04
现在Android非常疯狂，所以网上关于Android学习的资料如雨后春笋般冒起来，像这些基础的东西更是多如牛毛，我会把用过的东西碰到的困难和怎么解决的记录下来，一来可以供自己复习万一以后又碰到类似的问题就可以直接拿来看下。二来可以给初学者一点小小的帮助。 Android布局是应用界面开发的重要一环，在Android中，共有五种布局方式，分别是：FrameLayout（框架布 局），LinearLayout （线性布局），AbsoluteLayout（绝对布局），RelativeLayout（相对布局），TableLayout（表格布局）  一、FrameLayout     这个布局可以看成
2021-07-09 MacBook M1 安装Android Studio
weixin_45257503的博客
07-09 7853
前言 使用macbookair m1版本半年多了，经历过intel版本的as，简直卡的不能自理，通过idea m1社区版+开源安卓模拟器强行续命过，测试速度啥的确实够用。但是一个月没打开项目，居然运行不了了，布局文件没法预览，运行也报错，上知乎一看，好家伙m1预览版出了有一段时间了，果断下载试试（还不是为了赶紧写课程报告，deadline了）。 本教程借鉴自（如需安装第三方app,请看此链接）：M1芯片的Macbook能运行使用Android studio吗？能开发flutter吗？ - ClassNotF
Android--常用布局优缺点分析
weixin_47118034的博客
08-17 3519
对 Android Studio 常用的几大布局进行分析，总结优缺点。包括有以下布局：LinearLayout (线性布局)、RelativeLayout (相对布局)、ConstraintLayout (约束布局)、FrameLayout (帧布局)。
android基本布局-TableLayout_表格布局
m0_59586434的博客
03-21 8984
android基本布局-TableLayout_表格布局
android-studio-2021.2.1.15-windows
03-25
10. **Flutter和Dart支持**：虽然Android Studio主要针对原生Android开发，但随着Flutter的流行，它也提供了对Flutter框架和Dart语言的支持，方便跨平台开发。 总之，“android-studio-2021.2.1.15-windows”是...
19Android-06-abslutelayout.mp4
09-15
19Android-06-abslutelayout.mp4
android分层布局,FrameLayout布局------层次控制显示
weixin_28771421的博客
05-26 1434
多层次代码控制分别显示：android:layout_width="fill_parent"android:layout_height="fill_parent">android:id="@+id/start_view"-----------------------在代码中使用id和setVisibility的属性来设置需要的层显示android:layout_width="fill_par...
android studio 布局嵌套,Android Studio实战 - 设计布局之嵌套布局
weixin_36436373的博客
05-26 2808
通过布局的嵌套可以创造出复杂的设计。如果想要美化之前的个人信息界面，可以采用 将 LinearLayout嵌入到RelativeLayout中的方法。这个布局包含一个在线状态标签和一 个描述字段。单击调板中的竖直LinearLayout,然后在预览面板中Image View的下方单击并放置它。确保工具提示显示alignParentLeft和 below=imageView。单击调板中的Plain ...
android平板适配！Flutter尽然还能有这种操作！附赠课程+题库
03-05 716
前言 金九银十面试季，相信大家肯定急需一套Android面试宝典，今天小编就给大家准备了我珍藏已久的Android高阶面试宝典，一份超级详细的Android面试必备知识点，供大家学习 ！ 想必每一个安卓程序员都有追求大厂的决心，但是想要进入大厂，我们需要掌握哪些知识点呢？这里，我为大家梳理了一个整体的知识架构。整体包括Java、Android、算法、网络等。希望大家阅读之后，能帮助大家完善与整理自己的知识体系。祝大家面试顺利~~ 文末还有给大家分享我整理的Android面试专题及答案可以拿去参考下~ 注.
2021年最详细的Android屏幕适配方案汇总
快乐李同学的博客
04-09 7110
1 Android屏幕适配的度量单位和相关概念 建议在阅读本文章之前，可以先阅读快乐李同学写的文章《Android屏幕适配的度量单位和相关概念》，这篇文章包含了阅读本文的一些基础知识，推荐阅读。 2 Android屏幕适配的解决方案 2.1 Android屏幕适配前言 Android屏幕适配是一个亘古不变的难题，在百度或者Google搜索相关的关键词，我们总能找到各个年代所流行的Android屏幕适配方法。但是由于时效性的原因，2021年的今天出现了新的Android屏幕适配方法，并淘汰了部分以前旧的And
安卓主板_基于联发科MTK MT8788平台平板电脑方案_安卓核心板开发板定制
yangyang__z的博客
11-11 492
我们的产品应用涉及智能手持终端，POS机，广告机，机器人，智能家居，工业控制，车载导航，安防监控，移动医疗，环境监测，培训教育及物联网等相关领域。公司现有研发人员60多人，硕士以上学历占30%，核心人员都是在移动通讯技术领域有着多年研发经验的资深人士，能够提供从工业设计（ID）,结构设计（MD）,硬件设计（HW）,软件设计（SW）,生产制造（Manufacturing）,测试（TE）,品质保障（QA）的全套解决方案。语音编解码器(FR，HR，EFR，AMR FR，AMR HR和宽带AMR)
App WebView白屏检测及解决总结，包括Android 和 iOS
LiangGang365的专栏
11-12 767
相对Android上的白屏，ios白屏的出现在app端上大部分为内存占用产生，其他网络、资源、js语言兼容、中文字样ulr等同样也会发生白屏，这类问题需要针对分析。在APP端上除去相关页面元素，加载错误、兼容性，语法错误造成白屏，以上相关方案可以启到检测并尝试重试刷新页面，达到用户无感知，避免白屏的出现和出现白屏瞬间进行切换或者刷新。内存导致的白屏或者其他异常问题，有时白屏显示，有时界面渲染失败等奇怪现象，但是内存白屏是最不好处理，又需要给用户友好体验的问题。
android10 Wifi扫描源码解析
yang_0323的博客
11-13 760
本文详述了Android中WiFi的扫描过程，从源码层面进行解析
RN开发搬砖经验之—React Native（RN）应用转原生化-Android 平台
最新发布
技术的学习与积累是个技术活
11-15 961
从原生组件传递属性到 React Native
Android Studio Dolphin 2021.3.1正式版发布 - Windows系统下载指南
2. 设计工具：Android Studio包含了一个可视化布局编辑器，开发者可以在设计视图中直接拖放各种UI控件，同时还可以预览在不同设备上的显示效果。 3. 模拟器：Android Studio内置了Android模拟器，开发者可以在电脑...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值