如何在屏幕上实现音乐播放自定义通知栏

时间:2012-11-14 09:05:17

标签: android android-layout android-gui

我正在制作音乐应用程序,我想在主屏幕上显示xyz音乐正在播放的通知(弹出通知栏,如spotify)。

如何在播放列表的末尾显示此类弹出式通知栏?当音乐播放时,当用户点击该栏时,它将重定向到音乐播放屏幕。

当没有播放音乐时,该栏会自动隐藏,并且还希望在隐藏期间为该栏设置动画,如何在列表视图底部显示它

作为一个例子,请看下面 enter image description here

1 个答案:

答案 0 :(得分:3)

使用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">

    <ListView
            android:id="@+id/playlist"
            android:layout_above="@+id/notification"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    <RelativeLayout
            android:id="@+id/notification"
            android:layout_alignParentBottom="true"
            android:layout_height="wrap_content"
            android:layout_width="match_parent">

            <ImageView
                    android:id="@+id/imgview_album_art"
                    android:src="image"
                    android:layout_centerVertical="true"
                    android:layout_alignParentLeft="true"
                    android:layout_width="48dp"
                    android:layout_height="48dp"/>

            <LinearLayout
                    android:orientation="vertical"
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toLeftOf="@+id/btn_play_pause"
                    android:layout_toRightOf="@+id/imgview_album_art">

                <TextView
                        android:text="Paradise"
                        android:id="@+id/textview_song_name"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"/>

                <TextView
                        android:text="Coldplay - Mylo Xyloto"
                        android:id="@+id/textview_artist_album"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"/>

            </LinearLayout>

            <ImageButton
                    android:id="@+id/btn_play_pause"
                    android:padding="8dp"
                    android:background="@android:color/transparent"
                    android:src="@android:drawable/ic_media_pause"
                    android:layout_centerVertical="true"
                    android:layout_alignParentRight="true"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>


    </RelativeLayout>

</RelativeLayout>