Android布局

最新推荐文章于 2024-11-11 14:34:10 发布

原创最新推荐文章于 2024-11-11 14:34:10 发布 · 346 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#布局

布局专栏收录该内容

1 篇文章

订阅专栏

本文深入解析Android中线性布局的基本属性，包括orientation、weight、margin等参数的使用，同时介绍了如何利用gravity、layout_gravity实现组件的灵活定位。进一步探讨了相对定位的概念及其在布局中的应用，如RelativeLayout和基于id的定位。通过实践案例，展示了如何在布局中巧妙安排按钮的位置，实现美观且功能性的UI设计。

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

LinearLayout线性布局

orientation
vertical垂直布局
horizontion水平布局
weight layout_weight布局剩余空间
layout_margin距离所有的多少dp
layout_marginTop距离上方多少dp
layout_marginBottom距离下方多少dp
layout_marginLeft距离左边多少dp
layout_marginRight距离右边多少dp

gravity整体位置布局
gravity=”center”在中间
gravity=”center|bottom”在中下方
单独位置的布局
layout_gravity=“center”
这里写图片描述

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="BUTTON1"
        android:id="@+id/button1" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="100dp"
        android:text="BUTTON2"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="BUTTON3"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:text="BUTTON4"/>

线性布局练习

 <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

线性布局练习

 <Button
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2">
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
        </LinearLayout>
        <Button
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"/>
    </LinearLayout>

这里写图片描述

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1">
    <Button
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2">
     <Button
         android:layout_width="match_parent"
         android:layout_height="0dp"
         android:layout_weight="1"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

    </LinearLayout>

</LinearLayout>
    <Button
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1">
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
        </LinearLayout>
        <Button
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="2"/>
    </LinearLayout>

这里写图片描述

RelativeLayout

相对于空间上下左右

layout_alignParent left Right Top Bottom
layout_centerInParent
layout_centerVertical
layout_centerHorizention

相对于后面id的那个控件的上下左右

layout_toRightOf
layout_toLeftOf
layout_above
layout_below
这里写图片描述

 <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:background="#FF0000"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#ffff00"/>\
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:background="#000000"
        android:id="@+id/button1" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/button1"
        android:layout_above="@+id/button1"
        android:background="#fff000"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/button1"
        android:layout_toRightOf="@+id/button1"
        android:background="#ffd700"/>

相对于后面跟的id的那个控件上下左右对齐

layout_alignRight
layout_alignLeft
layout_alignTop
layout_alignBottom

 <Button
        android:layout_width="200dp"
        android:layout_height="200dp" 
        android:id="@+id/button"
        android:layout_centerInParent="true"/>
<Button
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignLeft="@+id/button"
    android:layout_alignTop="@+id/button"
    android:background="#fff000"/>

这里写图片描述

基准线对齐

layout_alignBaseline