首页 > 解决方案 > 你好朋友如何实现底部媒体控制器布局?

问题描述

你好朋友我是android的初学者我想知道如何实现这种类型的布局下面显示的图像请帮助我尝试实现这种类型的布局

在此处输入图像描述

标签: androidandroid-layout

解决方案


这是非常简单的布局仅供参考

它可以使用任何类型的父布局约束、相对甚至线性来完成

我将分享一个相对的例子。使用您自己的可绘制对象和资产。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relativeLayoutMain"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/black"
    android:padding="4dp">

    <TextView
        android:id="@+id/textViewSongTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_marginStart="24dp"
        android:layout_marginEnd="10dp"
        android:layout_toStartOf="@+id/buttonBackward"
        android:ellipsize="end"
        android:maxLines="1"
        android:padding="2dp"
        android:text="Song Name - [details]"
        android:textColor="@android:color/white"
        android:textSize="12sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/textViewArtistName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/textViewSongTitle"
        android:layout_alignParentStart="true"
        android:layout_marginStart="24dp"
        android:layout_marginEnd="10dp"
        android:layout_toStartOf="@+id/buttonBackward"
        android:padding="2dp"
        android:text="Singer Name"
        android:textColor="@android:color/white"
        android:textSize="12sp" />

    <Button
        android:id="@+id/buttonForward"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_alignParentEnd="true"
        android:layout_centerVertical="true"
        android:layout_marginEnd="8dp"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:text="F"
        android:textColor="@android:color/white" />

    <Button
        android:id="@+id/buttonPlayAndStop"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_centerVertical="true"
        android:layout_marginEnd="8dp"
        android:layout_toStartOf="@id/buttonForward"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:text="PS"
        android:textColor="@android:color/white" />

    <Button
        android:id="@+id/buttonBackward"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_centerVertical="true"
        android:layout_marginEnd="8dp"
        android:layout_toStartOf="@id/buttonPlayAndStop"
        android:background="@android:color/holo_green_dark"
        android:gravity="center"
        android:text="B"
        android:textColor="@android:color/white" />

</RelativeLayout>

推荐阅读