安卓布局

最新推荐文章于 2024-06-11 18:44:30 发布

Homyee King

最新推荐文章于 2024-06-11 18:44:30 发布

阅读量124

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/weixin_43840538/article/details/102668291

版权

Android 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文详细介绍了Android的布局管理器，包括LinearLayout、RelativeLayout、AbsoluteLayout、TableLayout、FrameLayout的使用方法和特点。强调了布局参数的重要性，推荐使用wrap_content和match_parent，并避免使用绝对单位。还提到了布局位置的检测方法以及dip、dp、px和sp等单位的使用。

摘要由CSDN通过智能技术生成

布局

布局参数
名为 layout_something 的 XML 布局属性可以为视图定义适合其所在 ViewGroup 的布局参数。
每个 ViewGroup 类都会实现一个扩展 ViewGroup.LayoutParams 的嵌套类。此子类包含的属性类型会根据需要为视图组的每个子视图定义尺寸和位置。

请注意，每个 LayoutParams 子类都有自己的值设置语法。每个子元素都必须定义适合其父元素的 LayoutParams，但父元素也可为其子元素定义不同的 LayoutParams。

wrap_content 指示您的视图将其大小调整为内容所需的尺寸。
match_parent 指示您的视图尽可能采用其父视图组所允许的最大尺寸。
一般而言，建议不要使用绝对单位（如像素）来指定布局宽度和高度。更好的方法是使用相对测量单位（如与密度无关的像素单位 (dp)、wrap_content 或 match_parent），因为其有助于确保您的应用在各类尺寸的设备屏幕上正确显示。

布局位置
每个视图组件具有位置和宽高属性，单位均是像素(px)
有两个方法可以检测视图的位置，都是相对其父元素的位置，返回值同样为像素
getLeft()：返回此组件距父组件左边xx像素
getTop()：返回此组件距父组件上边xx像素
此外，系统还提供了几种便捷方法来避免不必要的计算，即 getRight() 和 getBottom()。这些方法会返回表示视图的矩形的右边缘和下边缘的坐标。例如，调用 getRight() 类似于进行以下计算：getLeft() + getWidth()。

在这里插入图片描述

线性布局 LinearLayout

可以通过android:orientation ：vertical/horizontal属性来设置水平排列还是垂直排列
如果想让组件按比例也就是权重分配，我们可以使用 android:layout_weight这个属性来设置每个组件的权重，前提是将每个组件的宽度设置为0dp

如图，我将第一个按钮的权重设置为3，其他设置为1，所以第一个按钮所占比例就是1/2

相对布局 RelativeLayout

根据父组件布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">

 <Button
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="左上角" />

 <Button
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_centerInParent="true"
     android:text="中间" />

 <Button
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="右上角"
     android:layout_alignParentRight="true"/>

 <Button
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="左下角"
     android:layout_alignParentBottom="true"/>

 <Button
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="右下角"
     android:layout_alignParentBottom="true"
     android:layout_alignParentRight="true"/>

</RelativeLayout>

在这里插入图片描述

梅花布局（根据兄弟组件布局）
这种布局需要相对组件的id
比如都相对于中间组件进行布局

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical" android:layout_width="match_parent"
   android:layout_height="match_parent">

   <Button
       android:layout_toLeftOf="@id/center"  //相对于中间组件的左边
       android:layout_centerVertical="true"    //垂直方向居中
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="中间的左边" />

   <Button
       android:id="@+id/center"   // 给中间组件起个id  注意+号
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_centerInParent="true"
       android:text="中间" />

   <Button
       android:layout_above="@id/center"
       android:layout_centerHorizontal="true"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="above center"
       />

   <Button
       android:layout_below="@id/center"  //中间组件的下边
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="below center"
       android:layout_centerHorizontal="true"/>

   <Button
       android:layout_toRightOf="@id/center"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="right of Center"
       android:layout_centerVertical="true"/>

</RelativeLayout>

绝对布局

这个布局已经过时，不多介绍，但这个布局也很简单，知道css的同学们都知道，就是通过建立平面坐标系，控制组件的x,y坐标来控制其位置的

表格布局 TableLayout

如果我们想一行上有多个组件的话,就要添加一个TableRow的容器,把组件都丢到里面！
和html 的tr 一样

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
   >


    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="one" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="two" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="three" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="four" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="five" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="five" />
    </TableRow>
</TableLayout>

在这里插入图片描述

android:collapseColumns:设置需要被隐藏的列的序号
android:shrinkColumns:设置允许被收缩的列的列序号
android:stretchColumns:设置运行被拉伸的列的列序号
以上这三个属性的列号都是从0开始算的,比如shrinkColunmns = “2”,对应的是第三列！
可以设置多个,用逗号隔开比如"0,2",如果是所有列都生效,则用"*"号即可
除了这三个常用属性,还有两个属性,分别就是跳格子以及合并单元格,这和HTML中的Table类似:
android:layout_column=“2”:表示的就是跳过第二个,直接显示到第三个格子处,从1开始算的!
android:layout_span=“4”:表示合并4个单元格,也就说这个组件占4个单元格

比如我们隐藏第一、三列

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:collapseColumns="0,2"
   >


    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="one" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="two"
           />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="three" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="four" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="five" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="five" />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="one" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="two" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="three" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="four" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="five" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="five" />
    </TableRow>

</TableLayout>

在这里插入图片描述

帧布局 FrameLayout

FrameLayout(帧布局)可以说是六大布局中最为简单的一个布局,这个布局直接在屏幕上开辟出一块空白的区域,当我们往里面添加控件的时候,会默认把他们放到这块区域的左上角,而这种布局方式却没有任何的定位方式,所以它应用的场景并不多。

帧布局的大小由控件中最大的子控件决定,如果控件的大小一样大的话,那么同一时刻就只能看到最上面的那个组件!后续添加的控件会覆盖前一个!

虽然默认会将控件放置在左上角,但是我们也可以通过layout_gravity属性,指定到其他的位置

常用属性
FrameLayout的属性很少就两个,但是在说之前我们先介绍一个东西:

前景图像:永远处于帧布局最上面,直接面对用户的图像,就是不会被覆盖的图片。

两个属性:

android:foreground:*设置改帧布局容器的前景图像
android:foregroundGravity:设置前景图像显示的位置

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:foreground="@drawable/ic_launcher_foreground"
    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>

单位

dip: device independent pixels(设备独立像素) 不同设备有不同的显示效果,这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA 推荐使用这这个，不依赖像素。

这里要特别注意dip与屏幕密度有关，而屏幕密度又与具体的硬件有关，硬件设置不正确，有可能导致dip不能正常显示。在屏幕密度为160的显示屏上，1dip=1px，有时候可能你的屏幕分辨率很大如480*800，但是屏幕密度没有正确设置比如说还是160，那么这个时候凡是使用dip的都会显示异常，基本都是显示过小。

dip的换算： dip（value）=(int) (px（value）/1.5 + 0.5)