相对布局RelativeLayout音乐播放器界面_使用相对布局relativelayout实现音乐播放器界面-CSDN博客

本文链接：https://blog.csdn.net/dengfengling999/article/details/123957317

本文介绍了如何在Android布局中使用`layout_centerHorizontal`实现控件水平居中，以及`layout_below`, `layout_toRightOf`进行精确位置设置。通过实例演示了如何为按钮添加id并控制其在父视图中的位置。

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

知识点：

android：layout_centerHorizontal:设置当前控件位于父容器的水平居中位置

android:layout_below:设置当前控件位于某控件的上方

android:layout_toRightOf:设置当前控件位于某控件的右侧

android:layout_below:设置当前控件位于某控件的下方

首先：需要把图片复制进来放到drawable文件夹下：

编写activity_main.xml布局文件，代码如下：

为每一个按钮添加一个id属性，相对布局，是相对于某个控件的id来说

<?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:background="@drawable/music_bg"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn01"
        android:layout_centerHorizontal="true"
        android:layout_width="170dp"
        android:layout_height="170dp"
        android:layout_marginTop="150dp"
        android:background="@drawable/music_icon">
    </Button>
    <Button
        android:id="@+id/btn02"
        android:layout_below="@+id/btn01"
        android:layout_centerHorizontal="true"
        android:layout_width="300dp"
        android:layout_height="20dp"
        android:layout_marginTop="130dp"
        android:background="@drawable/progress_icon">
    </Button>

    <RelativeLayout
        android:layout_marginTop="100dp"
        android:layout_below="@+id/btn02"
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/left"

            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/left_icon">

        </Button>
        <Button
            android:layout_toRightOf="@+id/left"
            android:id="@+id/middle"
            android:layout_marginLeft="50dp"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/middle_icon">

        </Button>

        <Button
            android:layout_toRightOf="@+id/middle"
            android:layout_marginLeft="50dp"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/right_icon">

        </Button>

    </RelativeLayout>



</RelativeLayout>

结果：