Android简易音乐重构MVVM Java版-新增首页最近播放歌曲展示及底部音乐bar+日推功能(十六)
Posted 雪の星空朝酱
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android简易音乐重构MVVM Java版-新增首页最近播放歌曲展示及底部音乐bar+日推功能(十六)相关的知识,希望对你有一定的参考价值。
android简易音乐重构MVVM Java版-新增首页最近播放歌曲展示及底部音乐bar+日推功能(十六)
关于
本篇主要实现底部展示最近最后听的一首歌信息bar以及日推歌曲列表界面。本篇文章里面用到的资源文件图片也可以使用自己的。关于音乐播放封装参考《开源库MusicPlayManager - 封装StarrySky音乐库》
效果
添加底部展示歌曲
修改ApiService
:
@GET("record/recent/song") //最近播放音乐
LiveData<ApiResponse<RecentSongInfoEntity>> getRecentSong(@Query("limit") int limit);
添加RecentSongInfoEntity实体类
@NoArgsConstructor
@Data
public class RecentSongInfoEntity
private int code;
private RecentDataEntity data;
private String message;
@NoArgsConstructor
@Data
public static class RecentDataEntity
private int total;
private List<ListEntity> list;
@NoArgsConstructor
@Data
public static class ListEntity
private String resourceId;
private long playTime;
private String resourceType;
private DataEntity data;
@NoArgsConstructor
@Data
public static class DataEntity
private String name;
private int id;
private int pst;
private int t;
private List<ArEntity> ar;
private List<?> alia;
private int pop;
private int st;
private String rt;
private int fee;
private int v;
private Object crbt;
private String cf;
private AlEntity al;
private int dt;
private HEntity h;
private MEntity m;
private LEntity l;
private Object a;
private String cd;
private int no;
private Object rtUrl;
private int ftype;
private List<?> rtUrls;
private int djId;
private int copyright;
private int s_id;
private int mark;
private int originCoverType;
private Object originSongSimpleData;
private int single;
private Object noCopyrightRcmd;
private int rtype;
private Object rurl;
private int mst;
private int cp;
private int mv;
private long publishTime;
@NoArgsConstructor
@Data
public static class AlEntity
private int id;
private String name;
private String picUrl;
private List<?> tns;
private String pic_str;
private long pic;
@NoArgsConstructor
@Data
public static class HEntity
private int br;
private int fid;
private int size;
private int vd;
@NoArgsConstructor
@Data
public static class MEntity
private int br;
private int fid;
private int size;
private int vd;
@NoArgsConstructor
@Data
public static class LEntity
private int br;
private int fid;
private int size;
private int vd;
@NoArgsConstructor
@Data
public static class ArEntity
private int id;
private String name;
private List<?> tns;
private List<?> alias;
修改MainViewModel
public ObservableField<String> currentSongUrl = new ObservableField<>("");
public ObservableField<String> currentSongName = new ObservableField<>("");
public MusicInfo currentMusicInfo;
public LiveData<ApiResponse<RecentSongInfoEntity>> getRecentSong()
return RetrofitUtils.getmApiUrl().getRecentSong(1);
新增底部音乐baritem_song_bottom_bar.xml
:
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<data>
<variable
name="bottom"
type="com.tobery.personalmusic.ui.home.MainViewModel" />
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="@dimen/dp_40"
android:id="@+id/root_bottom_bar"
android:background="@color/white"
>
<ImageView
android:id="@+id/iv_cover"
android:layout_width="@dimen/dp_35"
android:layout_height="@dimen/dp_35"
android:layout_marginStart="@dimen/dp_5"
android:src="@drawable/shape_music_record"
imSrc="@bottom.currentSongUrl"
error="@@drawable/shape_music_record"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
/>
<TextView
android:id="@+id/tv_song_name"
android:layout_width="@dimen/dp_0"
android:layout_height="wrap_content"
android:ellipsize="end"
android:maxLines="1"
android:singleLine="true"
android:text="@bottom.currentSongName"
android:textColor="@color/grays_01"
android:layout_marginStart="@dimen/dp_16"
android:layout_marginEnd="@dimen/dp_16"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@id/iv_cover"
app:layout_constraintEnd_toStartOf="@id/iv_bottom_play"
android:textSize="@dimen/sp_12"
/>
<ImageView
android:id="@+id/iv_song_list"
android:layout_width="@dimen/dp_22"
android:layout_height="@dimen/dp_22"
android:layout_marginEnd="@dimen/dp_16"
android:src="@drawable/ic_song_play_list"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
/>
<ImageView
android:id="@+id/iv_bottom_play"
android:layout_width="@dimen/dp_27"
android:layout_height="@dimen/dp_27"
android:layout_centerVertical="true"
android:layout_marginEnd="@dimen/dp_20"
android:src="@drawable/shape_play"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/iv_song_list"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
修改MainActivity
private void initBottomBar()
viewModel.getRecentSong().observe(this,recentSongInfoEntityApiResponse ->
if (recentSongInfoEntityApiResponse.getStatus() == Status.SUCCESS )
RecentSongInfoEntity.RecentDataEntity.ListEntity.DataEntity data =recentSongInfoEntityApiResponse.getData().getData().getList()
.get(0).getData();
viewModel.currentSongName.set(data.getName());
viewModel.currentSongUrl.set(data.getAl().getPicUrl());
MusicInfo musicInfo = new MusicInfo();
musicInfo.setArtist(data.getAr().get(0).getName());
musicInfo.setSongId(data.getId()+"");
musicInfo.setSongName(data.getName());
musicInfo.setSongCover(data.getAl().getPicUrl());
musicInfo.setSongUrl(SONG_URL+data.getId());
viewModel.currentMusicInfo = musicInfo;
);
MusicPlay.onPlayStateListener(this, new OnMusicPlayStateListener()
@Override
public void onPlayState(@NonNull PlayManger playManger)
viewModel.currentSongUrl.set(playManger.getSongInfo().getSongCover());
viewModel.currentSongName.set(playManger.getSongInfo().getSongName());
switch (playManger.getStage())
case PlayManger.PAUSE:
case PlayManger.IDLE:
binding.songBar.ivBottomPlay.setImageResource(R.drawable.shape_play);
break;
case PlayManger.PLAYING:
binding.songBar.ivBottomPlay.setImageResource(R.drawable.shape_pause_black);
viewModel.currentMusicInfo = playManger.getSongInfo();
break;
case PlayManger.BUFFERING:
ViewExtensionKt.printLog("缓冲");
break;
case PlayManger.SWITCH:
viewModel.currentMusicInfo = playManger.getSongInfo();
break;
);
binding.songBar.rootBottomBar.setOnClickListener(view ->
if (ClickUtil.enableClick())
MusicPlay.playMusicByInfo(viewModel.currentMusicInfo);
);
binding.songBar.ivBottomPlay.setOnClickListener(view ->
if (MusicPlay.isPlaying())
MusicPlay.pauseMusic();
else
MusicPlay.restoreMusic();
);
添加shape_play.xml
:
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="1024dp"
android:height="1024dp"
android:viewportWidth="1024"
android:viewportHeight="1024">
<path
android:fillColor="#333333"
android:pathData="M512 0C229.216 0 0 229.216 0 512c0 282.768 229.216 512 512 512 282.752 0 512-229.232 512-512C1024 229.216 794.752 0 512 0zM512 992C246.896 992 32 777.088 32 512 32 246.896 246.896 32 512 32c265.056 0 480 214.896 480 480C992 777.088 777.056 992 512 992z" />
<path
android:fillColor="#333333"
android:pathData="M821.152 518.112c0.432-1.008 0.832-1.984 1.024-3.056 0.224-1.072 0.24-2.096 0.224-3.152 0-0.96-0.016-1.872-0.192-2.816-0.224-1.2-0.656-2.272-1.136-3.392-0.24-0.544-0.256-1.136-0.56-1.664-0.16-0.256-0.4-0.4-0.56-0.64-0.656-0.992-1.488-1.824-2.336-2.672-0.704-0.672-1.344-1.344-2.128-1.872-0.32-0.208-0.48-0.528-0.816-0.704l-457.264-264c-0.288-0.16-0.608-0.16-0.896-0.304-0.976-0.48-2-0.736-3.056-1.024-1.04-0.272-2.032-0.56-3.088-0.624-0.336-0.016-0.608-0.192-0.96-0.192-0.688 0-1.296 0.32-1.968 0.4-1.104 0.128-2.144 0.288-3.184 0.64-0.992 0.336-1.84 0.816-2.736 1.328-0.88 0.496-1.712 0.992-2.496 1.68-0.848 0.72-1.488 1.568-2.16 2.448-0.4 0.528-0.976 0.896-1.328 1.488-0.176 0.304-0.16 0.624-0.32 0.928-0.464 0.944-0.72 1.968-1.008 3.008-0.288 1.056-0.576 2.064-0.64 3.136-0.016 0.336-0.192 0.608-0.192 0.944l0 528.032c0 0.336 0.176 0.608 0.192 0.928 0.064 1.072 0.352 2.112 0.64 3.168 0.288 1.04 0.528 2.048 0.992 2.992 0.16 0.304 0.144 0.624 0.32 0.928 0.336 0.592 0.912 0.96 1.328 1.504 0.672 0.88 1.328 1.712 2.16 2.448 0.784 0.672 1.632 1.184 2.528 1.68 0.88 0.512 1.712 0.992 2.688 1.312 1.072 0.368 2.144 0.528 3.264 0.656 0.656 0.096 1.232 0.384 1.904 0.384 0.336 0 0.608-0.176 0.928-0.192 1.072-0.064 2.096-0.352 3.168-0.64 1.04-0.288 2.048-0.528 2.992-0.992 0.304-0.16 0.64-0.144 0.928-0.32l457.248-264c0.32-0.192 0.48-0.48 0.784-0.688 0.848-0.56 1.552-1.28 2.288-2.016 0.8-0.784 1.584-1.552 2.176-2.464 0.192-0.272 0.464-0.416 0.64-0.72C820.88 519.392 820.912 518.72 821.152 518.112zM365.408 275.696 774.672 512 365.408 748.304 365.408 275.696z" />
</vector>
添加shape_pause_black.xml
:
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="1024dp"
android:height="1024dp"
android:viewportWidth="1024"
android:viewportHeight="1024">
<path
android:fillColor="#333333"
android:pathData="M540.032 70.976c-245.952 0-446.016 200.064-446.016 446.016S294.08 963.008 540.032 963.008s446.016-200.064 446.016-446.016S785.984 70.976 540.032 70.976z m0 828.032c-210.624 0-382.016-171.392-382.016-382.016s171.392-382.016 382.016-382.016 382.016 171.392 382.016 382.016-171.392 382.016-382.016 382.016z" />
<path
android:fillColor="#333333"
android:pathData="M430.4 340.608c-18.24 0-33.088 12.736-33.088 28.544v285.696c0 15.744 14.784 28.544 33.088 28.544 18.24 0 33.024-12.8 33.024-28.544V369.152c0-15.808-14.848-28.544-33.024-28.544z m164.224 0c-18.24 0-33.024 12.736-33.024 28.544v285.696c0 15.744 14.72 28.544 33.024 28.544s33.088-12.8 33.088-28.544V369.152c0-15.808-14.848-28.544-33.088-28.544z" />
</vector>
添加日推界面
新增activity_daily_songs.xml
:
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 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简易音乐重构MVVM Java版-新增首页最近播放歌曲展示及底部音乐bar+日推功能(十六)的主要内容,如果未能解决你的问题,请参考以下文章
Android简易音乐重构MVVM Java版-新增启动动画
Android简易音乐重构MVVM Java版-新增推荐菜单及侧边栏展示
Android简易音乐重构MVVM Java版-BottomNavigationView+viewpager主界面结构
Android简易音乐重构MVVM Java版-新增推荐雷达歌单详情列表界面(十八)