Android Studio實現音樂播放器的全過程(簡單易上手)
前言
我們大傢平時長時間打代碼的時候肯定會感到疲憊和乏味，這個時候一邊播放自己喜歡的音樂，一邊繼續打代碼，心情自然也愉快很多。音樂帶給人的聽覺享受是無可比擬的，動聽的音樂可以愉悅人的身心，讓人更加積極地去熱愛生活。大傢平常應該會用QQ音樂、網易雲音樂或者酷狗音樂等音樂APP來聽歌，想不想擁有屬於自己的音樂播放器。那麼接下來就教大傢如何用Android Studio自己制作一個音樂播放器APP。
一、項目概述
1、需求分析
綜合運用UI界面設計、數據存儲、Activity(活動)、Service（服務）、MusicPlayer、ListView等知識，設計開發一款具有音樂列表的音樂播放器。
2、設計分析
整個項目包含五個類和五個佈局文件：
其中frag1、frag2為java文件，
MusicActivity為Activity文件，
MusicService為Service文件，
MainActivity為項目創建時自動生成的Activity文件。
activity_main為MainActivity的佈局文件，顯示運行APP時的主界面。
activity_music為MusicActivity的佈局文件，顯示音樂播放器界面。
music_list和item_layout一起組成frag1的佈局文件，
就是音樂列表界面（打開APP默認顯示音樂列表界面）。
frag2_layout就是frag2的佈局文件，主要顯示的是專輯封面圖片。
3、資源文件分析
在res文件夾下創建瞭raw文件夾，放瞭三首音樂文件，在drawable文件夾中粘貼瞭音樂封面圖片bg.jpg和播放器背景圖片music_bg.jpg，還有背景選擇器的btn_bg_selector.xml文件，如圖所示：
二、開發環境
三、準備工具
1、選擇幾首自己下載好的音樂文件，命名為music0、music1、music2等，這裡歌曲都要是mp3類型的，數量隨意。歌曲名的下標是從0開始的，因為代碼中我設置的url地址是從0開始的，否則會閃退。
2、選擇每首歌對應的歌手圖片，剪成圓形並且保存好，命名為music0、music1、music2等。
圖片一定要剪成圓形，橢圓會影響運行效果，導致閃退，如果不太清楚圖片如何剪成圓形，可以拉到文末學習。
3、準備一張音樂播放器的背景圖片，命名為music_bg，再找一張圖片用作專輯圖片，命名為bg。
四、詳細設計
1、搭建主界面佈局
首先打開Android Studio，並新建一個工程，File——>New——>New Project——>Empty Project，工程名稱叫做Music_List。
包名自己隨意設定，這裡博主用的是zj.dzh；工程文件的保存路徑要修改一下，不要放在C盤，博主這裡選擇的是放在E盤的一個Projects文件夾中，養成項目統一放在英文路徑下的好習慣。
最後選擇API 18：Android 4.3，因為這樣它就擁有瞭99.5%的跨平臺性（兼容性非常好），因為它版本很低，基本上模擬器API版本都是高於20的，所以這個軟件可以運行其他各種設備上。點擊Finish完成創建。
設計一個app的時候，一定要先設計layout文件，再設計java文件，因為佈局有瞭，才能在上面進行代碼的編寫。我們來看一下activity_main佈局文件，它主要顯示主界面。什麼是主界面，就是一個APP運行後默認顯示的界面。
最外層用的是LinearLayout線性佈局，然後設置的是垂直排列。裡面放瞭兩個小的LinearLayout，分別是最上面的一個TextView，內容設置的是“我喜歡”，接著第二個小的LinearLayout放兩個水平的TextView控件，內容顯示的是“歌曲”和“專輯”。
最下面的剩餘空間全部給瞭Fragment，它的id是content，這裡不知道Fragment沒關系，反正就曉得它和TextView一樣可以顯示內容就行。效果如圖：
Fragment是一種可以嵌入在活動中的UI片段，能夠讓程序更加合理和充分地利用大屏幕的空間，出現的初衷是為瞭適應大屏幕的平板電腦，可以將其看成一個小型Activity，又稱作Activity片段。
完整代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
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"
tools:context=".MainActivity"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="我喜歡"
android:textSize="35dp"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:id="@+id/menu1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="歌曲"
android:textSize="25dp"/>
<TextView
android:id="@+id/menu2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="專輯"
android:textSize="25dp"/>
</LinearLayout>
<FrameLayout
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="9">
</FrameLayout>
</LinearLayout>
然後回到我們的Activity文件。MainActivity類是整個工程的主類，首先創建需要用到的控件，然後綁定控件，再設置監聽器，底部導航欄設置的是兩個菜單文件：frag1（歌曲菜單）和frag2（專輯菜單），默認情況下展示frag1歌曲菜單，點擊切換顯示frag2專輯菜單。代碼如下：
package zj.dzh.music_list;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
//創建需要用到的控件的變量
private TextView tv1,tv2;
private FragmentManager fm;
private FragmentTransaction ft;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//綁定控件
tv1=(TextView)findViewById(R.id.menu1);
tv2=(TextView)findViewById(R.id.menu2);
//設置監聽器，固定寫法
tv1.setOnClickListener(this);
tv2.setOnClickListener(this);
//若是繼承FragmentActivity，fm=getFragmentManger();
fm=getSupportFragmentManager();
//fm可以理解為Fragment顯示的管理者，ft就是它的改變者
ft=fm.beginTransaction();
//默認情況下就顯示frag1
ft.replace(R.id.content,new frag1());
//提交改變的內容
ft.commit();
}
@Override
//控件的點擊事件
public void onClick(View v){
ft=fm.beginTransaction();
//切換選項卡
switch (v.getId()){
case R.id.menu1:
ft.replace(R.id.content,new frag1());
break;
case R.id.menu2:
ft.replace(R.id.content,new frag2());
break;
default:
break;
}
ft.commit();
}
}
2、創建服務類
2.1、服務概述
2.2、服務的創建
創建MusicService文件，右擊包名——>New——>Service——>Service,如圖：
命名為MusicService,然後Finish。
2.3、服務的啟動方式
2.4、服務的生命周期
MusicService代碼：
package zj.dzh.music_list;
import android.app.Service;
import android.content.Intent;
import android.media.MediaPlayer;
import android.net.Uri;
import android.os.Binder;
import android.os.Bundle;
import android.os.IBinder;
import android.os.Message;
import java.util.Timer;
import java.util.TimerTask;
//這是一個Service服務類
public class MusicService extends Service {
//聲明一個MediaPlayer引用
private MediaPlayer player;
//聲明一個計時器引用
private Timer timer;
//構造函數
public MusicService() {}
@Override
public IBinder onBind(Intent intent){
return new MusicControl();
}
@Override
public void onCreate(){
super.onCreate();
//創建音樂播放器對象
player=new MediaPlayer();
}
//添加計時器用於設置音樂播放器中的播放進度條
public void addTimer(){
//如果timer不存在，也就是沒有引用實例
if(timer==null){
//創建計時器對象
timer=new Timer();
TimerTask task=new TimerTask() {
@Override
public void run() {
if (player==null) return;
int duration=player.getDuration();//獲取歌曲總時長
int currentPosition=player.getCurrentPosition();//獲取播放進度
Message msg= MusicActivity.handler.obtainMessage();//創建消息對象
//將音樂的總時長和播放進度封裝至bundle中
Bundle bundle=new Bundle();
bundle.putInt("duration",duration);
bundle.putInt("currentPosition",currentPosition);
//再將bundle封裝到msg消息對象中
msg.setData(bundle);
//最後將消息發送到主線程的消息隊列
MusicActivity.handler.sendMessage(msg);
}
};
//開始計時任務後的5毫秒，第一次執行task任務，以後每500毫秒（0.5s）執行一次
timer.schedule(task,5,500);
}
}
//Binder是一種跨進程的通信方式
class MusicControl extends Binder{
public void play(int i){//String path
Uri uri=Uri.parse("android.resource://"+getPackageName()+"/raw/"+"music"+i);
try{
//重置音樂播放器
player.reset();
//加載多媒體文件
player=MediaPlayer.create(getApplicationContext(),uri);
player.start();//播放音樂
addTimer();//添加計時器
}catch(Exception e){
e.printStackTrace();
}
}
//下面的暫停繼續和退出方法全部調用的是MediaPlayer自帶的方法
public void pausePlay(){
player.pause();//暫停播放音樂
}
public void continuePlay(){
player.start();//繼續播放音樂
}
public void seekTo(int progress){
player.seekTo(progress);//設置音樂的播放位置
}
}
//銷毀多媒體播放器
@Override
public void onDestroy(){
super.onDestroy();
if(player==null) return;
if(player.isPlaying()) player.stop();//停止播放音樂
player.release();//釋放占用的資源
player=null;//將player置為空
}
}
3、搭建音樂播放界面佈局
右擊包名，新建一個Activity，命名為MusicActivity，點擊Finish，它會生成一個activity_music文件，用來顯示音樂播放界面，如圖所示：
（1）MusicActivity類：通過onClick方法控制著音樂的播放、暫停、繼續播放和退出功能。它和MusicService進行綁定連接。在音樂播放時顯示歌曲總時長，還有歌曲當前播放時長，控制歌曲進度條的移動。代碼如下：
package zj.dzh.music_list;
import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;
import android.animation.ObjectAnimator;
import android.content.ComponentName;
import android.content.Intent;
import android.content.ServiceConnection;
import android.os.Build;
import android.os.Bundle;
import android.os.Handler;
import android.os.IBinder;
import android.os.Message;
import android.view.View;
import android.view.animation.LinearInterpolator;
import android.widget.ImageView;
import android.widget.SeekBar;
import android.widget.TextView;
import static java.lang.Integer.parseInt;
public class MusicActivity extends AppCompatActivity implements View.OnClickListener{
//進度條
private static SeekBar sb;
private static TextView tv_progress,tv_total,name_song;
//動畫
private ObjectAnimator animator;
private MusicService.MusicControl musicControl;
private String name;
private Intent intent1,intent2;
private MyServiceConn conn;
//記錄服務是否被解綁，默認沒有
private boolean isUnbind =false;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_music);
//獲取從frag1傳來的信息
intent1=getIntent();
init();
}
private void init(){
//進度條上小綠點的位置，也就是當前已播放時間
tv_progress=(TextView)findViewById(R.id.tv_progress);
//進度條的總長度，就是總時間
tv_total=(TextView)findViewById(R.id.tv_total);
//進度條的控件
sb=(SeekBar)findViewById(R.id.sb);
//歌曲名顯示的控件
name_song=(TextView)findViewById(R.id.song_name);
//綁定控件的同時設置點擊事件監聽器
findViewById(R.id.btn_play).setOnClickListener(this);
findViewById(R.id.btn_pause).setOnClickListener(this);
findViewById(R.id.btn_continue_play).setOnClickListener(this);
findViewById(R.id.btn_exit).setOnClickListener(this);
name=intent1.getStringExtra("name");
name_song.setText(name);
//創建一個意圖對象，是從當前的Activity跳轉到Service
intent2=new Intent(this,MusicService.class);
conn=new MyServiceConn();//創建服務連接對象
bindService(intent2,conn,BIND_AUTO_CREATE);//綁定服務
//為滑動條添加事件監聽，每個控件不同果然點擊事件方法名都不同
sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
//這一行註解是保證API在KITKAT以上的模擬器才能順利運行，也就是19以上
@RequiresApi(api = Build.VERSION_CODES.KITKAT)
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
//進當滑動條到末端時，結束動畫
if (progress==seekBar.getMax()){
animator.pause();//停止播放動畫
}
}
@Override
//滑動條開始滑動時調用
public void onStartTrackingTouch(SeekBar seekBar) {
}
@Override
//滑動條停止滑動時調用
public void onStopTrackingTouch(SeekBar seekBar) {
//根據拖動的進度改變音樂播放進度
int progress=seekBar.getProgress();//獲取seekBar的進度
musicControl.seekTo(progress);//改變播放進度
}
});
//聲明並綁定音樂播放器的iv_music控件
ImageView iv_music=(ImageView)findViewById(R.id.iv_music);
String position= intent1.getStringExtra("position");
//praseInt()就是將字符串變成整數類型
int i=parseInt(position);
iv_music.setImageResource(frag1.icons[i]);
//rotation和0f,360.0f就設置瞭動畫是從0°旋轉到360°
animator=ObjectAnimator.ofFloat(iv_music,"rotation",0f,360.0f);
animator.setDuration(10000);//動畫旋轉一周的時間為10秒
animator.setInterpolator(new LinearInterpolator());//勻速
animator.setRepeatCount(-1);//-1表示設置動畫無限循環
}
//handler機制，可以理解為線程間的通信，我獲取到一個信息，然後把這個信息告訴你，就這麼簡單
public static Handler handler=new Handler(){//創建消息處理器對象
//在主線程中處理從子線程發送過來的消息
@Override
public void handleMessage(Message msg){
Bundle bundle=msg.getData();//獲取從子線程發送過來的音樂播放進度
//獲取當前進度currentPosition和總時長duration
int duration=bundle.getInt("duration");
int currentPosition=bundle.getInt("currentPosition");
//對進度條進行設置
sb.setMax(duration);
sb.setProgress(currentPosition);
//歌曲是多少分鐘多少秒鐘
int minute=duration/1000/60;
int second=duration/1000%60;
String strMinute=null;
String strSecond=null;
if(minute<10){//如果歌曲的時間中的分鐘小於10
strMinute="0"+minute;//在分鐘的前面加一個0
}else{
strMinute=minute+"";
}
if (second<10){//如果歌曲中的秒鐘小於10
strSecond="0"+second;//在秒鐘前面加一個0
}else{
strSecond=second+"";
}
//這裡就顯示瞭歌曲總時長
tv_total.setText(strMinute+":"+strSecond);
//歌曲當前播放時長
minute=currentPosition/1000/60;
second=currentPosition/1000%60;
if(minute<10){//如果歌曲的時間中的分鐘小於10
strMinute="0"+minute;//在分鐘的前面加一個0
}else{
strMinute=minute+" ";
}
if (second<10){//如果歌曲中的秒鐘小於10
strSecond="0"+second;//在秒鐘前面加一個0
}else{
strSecond=second+" ";
}
//顯示當前歌曲已經播放的時間
tv_progress.setText(strMinute+":"+strSecond);
}
};
//用於實現連接服務，比較模板化，不需要詳細知道內容
class MyServiceConn implements ServiceConnection{
@Override
public void onServiceConnected(ComponentName name, IBinder service){
musicControl=(MusicService.MusicControl) service;
}
@Override
public void onServiceDisconnected(ComponentName name){
}
}
//判斷服務是否被解綁
private void unbind(boolean isUnbind){
//如果解綁瞭
if(!isUnbind){
musicControl.pausePlay();//音樂暫停播放
unbindService(conn);//解綁服務
}
}
@RequiresApi(api = Build.VERSION_CODES.KITKAT)
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.btn_play://播放按鈕點擊事件
String position=intent1.getStringExtra("position");
int i=parseInt(position);
musicControl.play(i);
animator.start();
break;
case R.id.btn_pause://暫停按鈕點擊事件
musicControl.pausePlay();
animator.pause();
break;
case R.id.btn_continue_play://繼續播放按鈕點擊事件
musicControl.continuePlay();
animator.start();
break;
case R.id.btn_exit://退出按鈕點擊事件
unbind(isUnbind);
isUnbind=true;
finish();
break;
}
}
@Override
protected void onDestroy(){
super.onDestroy();
unbind(isUnbind);//解綁服務
}
}
（2）activity_music: 顯示音樂播放器界面，包括圖片轉動，歌曲名傳值，還有播放、暫停播放、繼續播放和退出四個控制按鈕。效果如圖：
activity_music代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/music_bg"
tools:context=".Music_Activity"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:id="@+id/iv_music"
android:layout_width="240dp"
android:layout_height="240dp"
android:layout_gravity="center_horizontal"
android:layout_margin="15dp"
android:src="@drawable/music0"/>
<TextView
android:id="@+id/song_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="歌曲名"
android:textSize="20sp"/>
<SeekBar
android:id="@+id/sb"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="8dp"
android:paddingRight="8dp">
<TextView
android:id="@+id/tv_progress"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00"/>
<TextView
android:id="@+id/tv_total"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="00:00"/>
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/btn_play"
android:layout_width="0dp"
android:layout_height="40dp"
android:layout_margin="8dp"
android:layout_weight="1"
android:background="@drawable/btn_bg_selector"
android:text="播放音樂"/>
<Button
android:id="@+id/btn_pause"
android:layout_width="0dp"
android:layout_height="40dp"
android:layout_margin="8dp"
android:layout_weight="1"
android:background="@drawable/btn_bg_selector"
android:text="暫停播放"/>
<Button
android:id="@+id/btn_continue_play"
android:layout_width="0dp"
android:layout_height="40dp"
android:layout_margin="8dp"
android:layout_weight="1"
android:background="@drawable/btn_bg_selector"
android:text="繼續播放"/>
<Button
android:id="@+id/btn_exit"
android:layout_width="0dp"
android:layout_height="40dp"
android:layout_margin="8dp"
android:layout_weight="1"
android:background="@drawable/btn_bg_selector"
android:text="退出"/>
</LinearLayout>
</LinearLayout>
（3）右擊drawable文件夾，New——>Drawable Resource File,命名為btn_bg_selector，如圖：
該文件為按鈕顏色選擇器，是當播放等按鈕按下的時候變成灰色，未按下顯示白色。代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape android:shape="rectangle">
<corners android:radius="10dp"/>
<solid android:color="#d4d4d4"/>
</shape>
</item>
<item android:state_pressed="false">
<shape android:shape="rectangle">
<corners android:radius="10dp"/>
<solid android:color="#ffffff"/>
</shape>
</item>
</selector>
4、搭建音樂列表界面佈局
右擊包名——>New——>Java Class，命名為frag1,點擊OK。如圖：
（1）frag1類:顯示歌曲列表，手機模擬器運行出來的默認界面，就是將歌曲名、歌曲圖片以列表的形式顯示出來，註釋很詳細，代碼如下：
package zj.dzh.music_list;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import androidx.fragment.app.Fragment;
public class frag1 extends Fragment {
private View view;
//創建歌曲的String數組和歌手圖片的int數組
public String[] name={"鄧紫棋——光年之外","蔡健雅——紅色高跟鞋","Taylor Swift——Love Story"};
public static int[] icons={R.drawable.music0,R.drawable.music1,R.drawable.music2};
@Override
public View onCreateView(final LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){
//綁定佈局，隻不過這裡是用inflate()方法
view=inflater.inflate(R.layout.music_list,null);
//創建listView列表並且綁定控件
ListView listView=view.findViewById(R.id.lv);
//實例化一個適配器
MyBaseAdapter adapter=new MyBaseAdapter();
//列表設置適配器
listView.setAdapter(adapter);
//列表元素的點擊監聽器
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
//創建Intent對象，參數就是從frag1跳轉到MusicActivity
Intent intent=new Intent(frag1.this.getContext(), MusicActivity.class);
//將歌曲名和歌曲的下標存入Intent對象
intent.putExtra("name",name[position]);
intent.putExtra("position",String.valueOf(position));
//開始跳轉
startActivity(intent);
}
});
return view;
}
//這裡是創建一個自定義適配器，可以作為模板
class MyBaseAdapter extends BaseAdapter{
@Override
public int getCount(){return name.length;}
@Override
public Object getItem(int i){return name[i];}
@Override
public long getItemId(int i){return i;}
@Override
public View getView(int i ,View convertView, ViewGroup parent) {
//綁定好VIew，然後綁定控件
View view=View.inflate(frag1.this.getContext(),R.layout.item_layout,null);
TextView tv_name=view.findViewById(R.id.item_name);
ImageView iv=view.findViewById(R.id.iv);
//設置控件顯示的內容，就是獲取的歌曲名和歌手圖片
tv_name.setText(name[i]);
iv.setImageResource(icons[i]);
return view;
}
}
}
（2）右擊layout文件夾——>New———>Layout Resource File，新建兩個layout文件，分別命名為music_list和item_layout，這兩個佈局文件和frag1對應，顯示歌曲列表。如圖所示：
music_list:歌曲列表佈局文件，和QQ好友列表功能相同，垂直顯示多條記錄。效果如圖：
music_list代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>
item_layout: 就是條目佈局，和上面的music_list列表一起組合使用，它就是相當於列表中每一行的佈局，佈局效果如圖：
item_layout代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">
<ImageView
android:id="@+id/iv"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerVertical="true"/>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_toRightOf="@+id/iv"
android:layout_centerVertical="true">
<TextView
android:id="@+id/item_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="歌曲"
android:textSize="15sp"
android:textColor="#000000"/>
</RelativeLayout>
</RelativeLayout>
5、搭建專輯界面佈局
右擊包名，New——>Java Class，命名為frag2，點擊OK。如圖：
（1）frag2類：展示的封面專輯圖片，在主界面點擊專輯按鈕跳轉到此界面。代碼如下：
package zj.dzh.music_list;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import androidx.fragment.app.Fragment;
public class frag2 extends Fragment {
//創建一個View
private View zj;
//顯示佈局
public View onCreateView(final LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
zj = inflater.inflate(R.layout.frag2_layout, null);
return zj;
}
}
（2）再新建一個layout文件，命名為frag2_layout，如圖：
frag2_layout用來設置一個ImageView，顯示專輯圖片，代碼如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/zj"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg"/>
</LinearLayout>
當然frag2可以自由發揮，比如說設置成歌手資料、MV列表或者排行榜等等。
6、導入資源文件
在res文件夾下新建一個raw文件夾，將剛剛準備好的音樂文件復制粘貼到raw文件夾中。對應的封面圓形圖片、背景圖片和專輯圖片都復制粘貼到drawable中，這裡博主隻選擇瞭三首歌曲和三張封面圓形圖片，歌曲數量由大傢自己設置，沒有限制。
再次提醒下，註意命名哦；mp3歌曲文件在Android中打開是亂碼，不用擔心，也不需要打開它。
至此，完整的音樂播放器項目創建完成。
五、項目效果
1、創建模擬器
選擇自己的模擬器運行，如果沒有模擬器可以點擊AVD，選擇新建模擬器：
選擇高於API 21的版本進行下載，如圖：
2、運行演示
（1）運行手機模擬器，顯示主界面：
（2）點擊專輯選項卡：
（3）再選擇歌曲選項卡，選擇第一首歌《光年之外》並打開，跳轉到音樂播放頁面，歌手的封面圖片顯示在正中間，發現《光年之外》的歌名也傳遞過來瞭：
（4）點擊播放音樂按鈕，音樂開始播放，進度條開始滑動，圖片開始旋轉：
（5）點擊暫停播放按鈕，音樂停止播放，而且進度條停止滑動，圖片也停止旋轉：
（6）點擊繼續播放按鈕，音樂繼續播放，歌手圖片也繼續旋轉：
（7）點擊退出按鈕，會退回到主界面：
（8）選擇第二首歌《紅色高跟鞋》並播放，這裡進度條可以自由拖動，歌曲也會隨之播放到對應位置：
（9）選擇第三首歌《Love Story》並播放：
運行效果和功能很完整，至此完成瞭音樂播放器的實現，喜歡的朋友們可以自己動手做一下，放上自己喜歡的愛豆照片，還有喜歡的歌，體驗感真的不要太好！
六、項目總結
這次音樂播放器工程，可以讓大傢熟練掌握Android程序開發的基本技術，涉及Android 基礎知識、UI界面、數據存儲、四大組件、網絡編程、高級編程等。大傢熟練掌握可以對以後的Android開發有很大的幫助。
附如何將圖片剪成圓形
1、將要裁剪的圖片（寬高一致的矩形圖片）復制到WPS文檔中：
2、點擊右邊豎排工具欄中的裁剪圖片選項，如圖：
3、選擇橢圓選項（矩陣圖片剪出來就是圓形），如圖：
4、點擊上方工具欄中的裁剪選項，圖片裁剪成圓形：
5、右擊圓形區域，點擊另存為圖片，將圖片保存到本地使用。
到此這篇關於Android Studio實現音樂播放器的文章就介紹到這瞭,更多相關Android Studio實現音樂播放器內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！
推薦閱讀：
- Android studio實現簡易的計算器功能
- Android seekbar實現可拖動進度條
- Android文本視圖TextView實現跑馬燈效果
- Android中Activity組件實例介紹
- Android生成隨機數的方法實例