1. 资源准备
将项目所需要的图片img_music.png 、music_bg.png 、btn_bg.png 、title_bg.png导入程序的drawable-hdpi 文件夹中(默认情况下程序中没有drawable-hdpi
文件夹,需手动在res 文件夹中创建一个。 音频文件存放的路径为res/raw 文件夹,在程序的res 文件夹中创建一个raw
文件夹,然后将音乐文件music.mp3导入到raw 文件夹中。
2. 布局文件设计
在layout文件夹中编辑activity_main.xml
<?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:background="@drawable/music_bg"
android:gravity="center"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="160dp">
<RelativeLayout
android:id="@+id/rl_title"
android:layout_width="300dp"
android:layout_height="70dp"
android:layout_centerHorizontal="true"
android:background="@drawable/title_bg"
android:gravity="center_horizontal"
android:paddingLeft="80dp">
<TextView
android:id="@+id/tv_music_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="体面"
android:textSize="12sp"
android:textStyle="bold"
android:textColor="@android:color/black"/>
<TextView
android:layout_marginTop="4dp"
android:id="@+id/tv_type"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/tv_music_title"
android:layout_alignLeft="@id/tv_music_title"
android:text="流行音乐"
android:textSize="10sp" />
<SeekBar
android:id="@+id/sb"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_below="@id/rl_time"
android:layout_alignParentBottom="true"
android:thumb="@null" />
<RelativeLayout
android:layout_marginTop="4dp"
android:id="@+id/rl_time"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_below="@id/tv_type">
<TextView
android:id="@+id/tv_progress"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="00:00"
android:textSize="10sp" />
<TextView
android:id="@+id/tv_total"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="00:00"
android:textSize="10sp" />
</RelativeLayout>
</RelativeLayout>
<LinearLayout
android:layout_width="340dp"
android:layout_height="90dp"
android:layout_below="@id/rl_title"
android:layout_centerHorizontal="true"
android:background="@drawable/btn_bg"
android:gravity="center_vertical"
android:paddingLeft="120dp"
android:paddingRight="10dp">
<Button
android:id="@+id/btn_play"
android:layout_width="0dp"
android:layout_height="25dp"
android:layout_margin="4dp"
android:layout_weight="1"
android:background="@drawable/btn_bg_selector"
android:text="播放"
android:textSize="10sp" />
<Button
android:id="@+id/btn_pause"
android:layout_width="0dp"
android:layout_height="25dp"
android:layout_margin="4dp"
android:layout_weight="1"
android:background="@drawable/btn_bg_selector"
android:text="暂停"
android:textSize="10sp" />
<Button
android:id="@+id/btn_continue_play"
android:layout_width="0dp"
android:layout_height="25dp"
android:layout_margin="4dp"
android:layout_weight="1"
android:background="@drawable/btn_bg_selector"
android:text="继续"
android:textSize="10sp" />
<Button
android:id="@+id/btn_exit"
android:layout_width="0dp"
android:layout_height="25dp"
android:layout_margin="4dp"
android:layout_weight="1"
android:background="@drawable/btn_bg_selector"
android:text="退出"
android:textSize="10sp" />
</LinearLayout>
<ImageView
android:id="@+id/iv_music"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_centerVertical="true"
android:layout_marginLeft="35dp"
android:layout_marginBottom="50dp"
android:src="@drawable/img_music" />
</RelativeLayout>
</LinearLayout>
在drawable文件夹中添加btn_bg_selector.xml
<?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="3dp"/>
<solid android:color="#d4d4d4"/>
</shape>
</item>
<item android:state_pressed="false" >
<shape android:shape="rectangle">
<corners android:radius="3dp"/>
<solid android:color="#ffffff" />
</shape>
</item>
</selector>
3. 实现逻辑功能
3.0 全局配置文件
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.hzj.musicplayer">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/Theme.MusicPlayer">
<activity
android:name=".MainActivity"
android:exported="true">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<service
android:name=".MusicService"
android:enabled="true"
android:exported="true" />
</application>
</manifest>
3.1 创建服务类
public class MusicService extends Service {
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() { //添加计时器用于设置音乐播放器中的播放进度条
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 = MainActivity.handler.obtainMessage();
//将音乐的总时长和播放进度封装至消息对象中
Bundle bundle = new Bundle();
bundle.putInt("duration", duration);
bundle.putInt("currentPosition", currentPosition);
msg.setData(bundle);
//将消息发送到主线程的消息队列
MainActivity.handler.sendMessage(msg);
}
};
//开始计时任务后的 5 毫秒,第一次执行 task 任务,以后每 500 毫秒执行一次
timer.schedule(task, 5, 500);
}
}
class MusicControl extends Binder {
public void play() {
try {
player.reset();//重置音乐播放器
//加载多媒体文件
player=MediaPlayer.create(getApplicationContext(),R.raw.music);
//播放音乐
player.start();
//添加计时器
addTimer();
} catch (Exception e) {
e.printStackTrace();
}
}
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.2 首页功能实现
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private static SeekBar sb;
private static TextView tv_progress, tv_total;
private ObjectAnimator animator;
private MusicService.MusicControl musicControl;
MyServiceConn conn;
Intent intent;
private boolean isUnbind = false;//记录服务是否被解绑
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}
private void init() {
tv_progress = findViewById(R.id.tv_progress);
tv_total = findViewById(R.id.tv_total);
sb = findViewById(R.id.sb);
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);
intent = new Intent(MainActivity.this, MusicService.class); //创建意图对象
conn = new MyServiceConn(); //创建服务连接对象
bindService(intent, conn, BIND_AUTO_CREATE); //绑定服务
//为滑动条添加事件监听
sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@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); //改变播放进度
}
});
ImageView iv_music = findViewById(R.id.iv_music);
animator = ObjectAnimator.ofFloat(iv_music, "rotation", 0f, 360.0f);
animator.setDuration(10000); //动画旋转一周的时间为 10 秒
animator.setInterpolator(new LinearInterpolator());
animator.setRepeatCount(-1); //-1 表示设置动画无限循环
}
public static Handler handler = new Handler() {//创建消息处理器对象
//在主线程中处理从子线程发送过来的消息
@Override
public void handleMessage(Message msg) {
Bundle bundle = msg.getData(); //获取从子线程发送过来的音乐播放进度
int duration = bundle.getInt("duration"); //歌曲的总时长
int currentPostition = bundle.getInt("currentPosition");//歌曲当前进度
sb.setMax(duration); //设置 SeekBar 的最大值为歌曲总时长
sb.setProgress(currentPostition);//设置 SeekBar 当前的进度位置
//歌曲的总时长
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 = currentPostition / 1000 / 60;
second = currentPostition / 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); //解绑服务
stopService(intent); //停止服务
}
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_play: //播放按钮点击事件
musicControl.play(); //播放音乐
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); //解绑服务
}
}