效果图:
思路整理:
1.要实现上、下曲切换,进度条正常播放前提首先要把音乐资源导入播放器中;
2.获取音乐的时间长度get.length
3.用seekbar获取进度条,使用线程的方法配置进度条
4.碟片合成,获取音乐的专辑封面,和黑色碟片图片进行合成
重难点:
使用Thread和SeekBar实现进度条
1.音乐资源导入播放器中,实现上、下曲播放
在实体类定义属性,public String path;
Music M = new Music();M.path = cursor.getString(cursor.getColumnIndex(MediaStore.Audio.Media.DATA));
在java代码中,需要调用try/catch方法获取资源,开始播放:
try {mediaPlayer.setDataSource(music.path);mediaPlayer.prepare();mediaPlayer.start();} catch (IOException e) {e.printStackTrace();}@Overridepublic void onClick(View view) {switch (view.getId()){case R.id.pre:i--;if (i==-1){i=Commom.musicList.size()-1;}play();break;case R.id.next:i++;if (i==Commom.musicList.size()){i=0;}play();break;case R.id.play:if (mediaPlayer.isPlaying()){mediaPlayer.pause();playBtn.setImageResource(R.mipmap.ic_play_btn_play_pressed);//暂停时的音乐图标}else {mediaPlayer.start();playBtn.setImageResource(R.mipmap.ic_play_btn_pause_pressed);//播放时的音乐图标}break;}}//退出当前页面时,停止播放音乐@Overrideprotected void onDestroy() {super.onDestroy();mediaPlayer.reset();isStop=true;}
2.获取音乐时长:
get.length获得音乐时长:
M.length = cursor.getInt(cursor.getColumnIndex(MediaStore.Audio.Media.DURATION));
进度条两边的time格式化一下
private String fromatTime(int length) {Date date=new Date(length);SimpleDateFormat sdf=new SimpleDateFormat("mm:ss");String totaltime=sdf.format(date);return totaltime;}
3.用seekbar获取进度条,使用线程的方法配置进度条
在XML代码l:
<SeekBar android:id="@+id/seekbar"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1" />
java代码:
//实现进度条快进后退,注意seekTo方法里的参数是毫秒seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {@Overridepublic void onProgressChanged(SeekBar seekBar, int i, boolean b) {if (b){mediaPlayer.seekTo(i);}}@Overridepublic void onStartTrackingTouch(SeekBar seekBar) {}@Overridepublic void onStopTrackingTouch(SeekBar seekBar) {}});}
private int totalTime;//定义一个变量,用来接收音乐时长seekBar.setMax(music.length);//将音乐时长赋值给进度条totaltimetv.setText(fromatTime(music.length));totalTime=music.length;
//创建一个子线程,发送当前进度条位置class MusicThread implements Runnable{@Overridepublic void run() {while (!isStop&&mediaPlayer!=null) {try {Thread.sleep(100);} catch (InterruptedException e) {e.printStackTrace();}handler.sendEmptyMessage(mediaPlayer.getCurrentPosition());}}}
//用Handler方法接子线程发来的数据private Handler handler=new Handler(){@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);seekBar.setProgress(msg.what);curtimetv.setText(fromatTime(msg.what));//右边时间获取当前进度条位置}};MusicThread musicThread=new MusicThread();new Thread(musicThread).start();//启动线程
4.。碟片合成,获取音乐的专辑封面,和黑色碟片图片进行合成
如上图所示,碟片合成,其实是如下3个Bitmap的合成:
自定义的透明Bitmap,画到一个圆形画布上
专辑图片Bitmap
碟片底图Bitmap
首先用圆形画布画出一个圆盘,然后将专辑图片和这个圆形画布合并,最后再将碟片底图合并上去。
public class MergeImage {/*** 合成碟片图片** @param discBitmap 黑胶碟片底图* @param albumBitmap 专辑封面图* @return*/public static Bitmap mergeThumbnailBitmap(Bitmap discBitmap, Bitmap albumBitmap) {//获得黑胶碟片底图宽和高int w = discBitmap.getWidth();int h = discBitmap.getHeight();//根据黑胶碟片底图的宽和高,对专辑图片进行缩放albumBitmap = Bitmap.createScaledBitmap(albumBitmap, w, h, true);Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(bm);Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);//这里需要先画出一个圆canvas.drawCircle(w / 2, h / 2, w / 2 - 20, paint);//圆画好之后将画笔重置一下paint.reset();//设置图像合成模式,该模式为只在源图像和目标图像相交的地方绘制源图像paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));canvas.drawBitmap(albumBitmap, 0, 0, paint);paint.reset();canvas.drawBitmap(discBitmap, 0, 0, null);return bm;}}//调用事例:Bitmap bm = MergeImage.mergeThumbnailBitmap(discBitmap,thumbBitmap);musicAlbumImg.setImageBitmap(bm);
如果觉得《使用AndriodStudio制作音乐播放器之音乐播放界面(进度条正常播放 上 下曲切换)》对你有帮助,请点赞、收藏,并留下你的观点哦!