Android 手机影音 开发过程记录（五）

前一篇已经将视频模块弄好了，今天主要理一下音乐这一模块，包括：

1. 通过ContentProvider获取音乐列表数据
2. 音乐播放界面的动画和布局
3. 音乐播放的界面AudioPlayerActivity和AudioPlayService交互。（实现播放、暂停、上下一首、播放模式的切换）

效果图

结构图

获取音乐列表数据

1. 分析：这里还是通过内容提供者ContentProvider去获取。前面获取视频时没有将为什么这样获取，这里补充一下，面试概率还挺高的：使用ContentProvider可以实现不同应用程序下数据的共享，主要是通过把自己的数据通过uri的形式共享出去来实现共享的。这样的好处就是：屏蔽数据存储的细节,对开发者透明,我们只需要关心操作数据的uri就可以了。
2. 观察音乐列表，我们需要这些数据：音乐名称（DISPLAY_NAME），音乐时长（DURATION），艺术家（ARTIST），音乐路径路径（DATA）。

3. 下面是具体获取的方法（跟获取视频一模一样）。

   
   private AudioListAdapter adapter;
   private SimpleQueryHandler queryHandler;
   
   @Override
   protected void initData() {
       adapter = new AudioListAdapter(getActivity(), null, false);
       lv.setAdapter(adapter);
       queryHandler = new SimpleQueryHandler(getActivity().getContentResolver());
       String[] projection = {Media._ID, Media.DISPLAY_NAME, Media.DURATION,
               Media.DATA, Media.ARTIST};
       queryHandler.startQuery(0, adapter, Media.EXTERNAL_CONTENT_URI,
               projection, null, null, null);
   }
   
   
   class SimpleQueryHandler extends AsyncQueryHandler {
   
       public SimpleQueryHandler(ContentResolver cr) {
           super(cr);
       }
   
       /** * token： 查询的标识 */
       @Override
       protected void onQueryComplete(int token, Object cookie, Cursor cursor) {
           super.onQueryComplete(token, cookie, cursor);
           if (cookie != null && cookie instanceof CursorAdapter) {
               CursorAdapter adapter = (CursorAdapter) cookie;
               adapter.changeCursor(cursor);//相当于notifyDatasetChange
               CursorUtil.printCursor(cursor);
           }
       }
   }

至此，可以实现上面音乐的列表。

音乐播放界面的布局和动画

1. 音乐之所以能播放并且能切换上/下一首，肯定在点击listview的条目的时候把所有数据都传递过来了。

       lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
           @Override
           public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
               Cursor cursor = adapter.getCursor();
               Bundle bundle = new Bundle();
               bundle.putInt("currentPosition", position);
               bundle.putSerializable("audioList", cursorToList(cursor));
               enterActivity(AudioPlayerActivity.class, bundle);
           }
       });
   
   private ArrayList<AudioItem> cursorToList(Cursor cursor){
       cursor.moveToPosition(-1);
       ArrayList<AudioItem> list = new ArrayList<AudioItem>();
       while (cursor.moveToNext()){
           AudioItem audioItem = AudioItem.fromCursor(cursor);
           list.add(audioItem);
       }
       return list;
   }

2. 播放页面布局

   <?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="@mipmap/base_bg" android:orientation="vertical">
   
   <!--titleBar-->
   <RelativeLayout  android:layout_width="match_parent" android:layout_height="50dp" android:background="@mipmap/base_titlebar_bg" android:orientation="horizontal">
   
       <ImageView  android:id="@+id/iv_back" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/selector_btn_back" />
   
       <TextView  android:id="@+id/tv_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:textColor="@color/white" android:textSize="20sp" />
   </RelativeLayout>
   
   <!--音频跳动的动画和歌曲艺术家-->
   <RelativeLayout  android:layout_width="match_parent" android:layout_height="wrap_content">
   
       <ImageView  android:id="@+id/iv_anim" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:background="@drawable/audio_player_anim" />
   
       <TextView  android:id="@+id/tv_artist" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@id/iv_anim" android:layout_centerHorizontal="true" android:textColor="@color/white" android:textSize="16sp" />
   </RelativeLayout>
   
   <!--自定义歌词-->
   <com.justforme.mobileplayer.ui.view.LyricView  android:id="@+id/lyric_view" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" />
   
   <LinearLayout  android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="10dp">
   
       <!--歌曲进度条和歌曲时间-->
       <TextView  android:id="@+id/tv_time" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:textColor="@color/white" android:textSize="16sp" />
   
       <SeekBar  android:id="@+id/sb_audio" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="3dp" android:progressDrawable="@drawable/audio_progress_drawable" android:thumb="@mipmap/audio_seek_thumb" android:thumbOffset="0dp" />
   
       <!--各种播放逻辑的控件布局-->
       <LinearLayout  android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="5dp" android:layout_marginTop="5dp" android:gravity="center" android:orientation="horizontal">
   
           <RelativeLayout  android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1">
   
               <ImageView  android:id="@+id/iv_play_mode" android:layout_width="40dp" android:layout_height="40dp" android:layout_centerInParent="true" android:background="@drawable/selector_btn_mode_order" />
           </RelativeLayout>
   
           <RelativeLayout  android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1">
   
               <ImageView  android:id="@+id/iv_pre" android:layout_width="45dp" android:layout_height="45dp" android:layout_centerInParent="true" android:background="@drawable/selector_btn_audio_pre" />
           </RelativeLayout>
   
           <RelativeLayout  android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1">
   
               <ImageView  android:id="@+id/iv_play" android:layout_width="40dp" android:layout_height="40dp" android:layout_centerInParent="true" android:background="@drawable/selector_btn_audio_pause" />
           </RelativeLayout>
   
           <RelativeLayout  android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1">
   
               <ImageView  android:id="@+id/iv_next" android:layout_width="45dp" android:layout_height="45dp" android:layout_centerInParent="true" android:background="@drawable/selector_btn_audio_next" />
           </RelativeLayout>
   
           <RelativeLayout  android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1">
   
               <ImageView  android:layout_width="40dp" android:layout_height="40dp" android:layout_centerInParent="true" android:background="@drawable/selector_btn_lyric" />
           </RelativeLayout>
       </LinearLayout>
   </LinearLayout>
   </LinearLayout>

3. 音频跳动的动画效果 （准备9张图片）

   
   <?xml version="1.0" encoding="utf-8"?>
   <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">
       <item  android:drawable="@mipmap/now_playing_matrix_01" android:duration="200" />
       <item  android:drawable="@mipmap/now_playing_matrix_02" android:duration="200" />
       <item  android:drawable="@mipmap/now_playing_matrix_03" android:duration="200" />
       <item  android:drawable="@mipmap/now_playing_matrix_04" android:duration="200" />
       <item  android:drawable="@mipmap/now_playing_matrix_05" android:duration="200" />
       <item  android:drawable="@mipmap/now_playing_matrix_06" android:duration="200" />
       <item  android:drawable="@mipmap/now_playing_matrix_07" android:duration="200" />
       <item  android:drawable="@mipmap/now_playing_matrix_08" android:duration="200" />
       <item  android:drawable="@mipmap/now_playing_matrix_09" android:duration="200" />
   
   </animation-list>

      //播放页面控件加载完成后，加载音频跳动动画
      AnimationDrawable animationDrawable = (AnimationDrawable) ivAnim.getBackground();
      animationDrawable.start();

Activity与Service交互

可以再看下上面的结构图，播放音乐等相关功能是在服务中实现的，通过服务的中间人对象，实现交互。
下面这些方法是写在服务中间人对象（AudioServiceBinder）中的。

1. 播放音乐

   /** * 播放音乐 */
   public void playAudio() {
       if (mediaPlayer != null) {
           mediaPlayer.release();
           mediaPlayer = null;
       }
       mediaPlayer = new MediaPlayer();
       AudioItem audioItem = audioList.get(currentPosition);
       try {
           mediaPlayer.setDataSource(AudioPlayerService.this, Uri.parse(audioItem.getPath()));
           mediaPlayer.setOnPreparedListener(onPreparedListener);
           mediaPlayer.setOnCompletionListener(onCompletionListener);
           mediaPlayer.prepareAsync();
       } catch (IOException e) {
           e.printStackTrace();
       }
   
   }

2. 判断音乐是否正在播放

   public boolean isPlaying() {
        return mediaPlayer != null && mediaPlayer.isPlaying();
   }

3. 暂停

   public void pause() {
       if (mediaPlayer != null) {
           mediaPlayer.pause();
       }
   }

4. 播放

   public void start() {
       if (mediaPlayer != null) {
           mediaPlayer.start();
       }
   }

5. 获取歌曲总时间

   public long getDuration() {
       return mediaPlayer == null ? 0 : mediaPlayer.getDuration();
   }

6. 获取歌曲当前的时间

   public long getCurrentPosition() {
       return mediaPlayer == null ? 0 : mediaPlayer.getCurrentPosition();
   }

7. 拖动歌曲到指定的时间

   public void seekTo(int progress) {
       if (mediaPlayer != null) {
           mediaPlayer.seekTo(progress);
       }
   }

8. 播放上一首

   public void playPre() {
       if (currentPosition > 0) {
           currentPosition--;
           playAudio();
       }
   }

9. 播放下一首

   public void playNext() {
       if (currentPosition < audioList.size() - 1) {
           currentPosition++;
           playAudio();
       }
   }

10. 获取当前正在播放的音乐的position

    public int getCurrentPlayingIndex() {
        return currentPosition;
    }

11. 获取音乐集合的大小

    public int getAudioListSize() {
        return audioList.size();
    }
    

12. 切换播放模式

    public void switchPlayMode() {
    switch (playMode) {
        case MODE_ORDER://顺序播放 --> 单曲循环
            playMode = MODE_SINGLE_REPEAT;
            break;
        case MODE_SINGLE_REPEAT://单曲循环 --> 循环播放
            playMode = MODE_ALL_REPEAT;
            break;
        case MODE_ALL_REPEAT://循环播放 --> 顺序播放
            playMode = MODE_ORDER;
            break;
    }
        savePlayMode();
    }

13. 保存播放模式

    private void savePlayMode() {
        SharedPreferenceUtils.putInt(AudioPlayerService.this, "playMode", playMode);
    }

14. 获取播放模式（让外界获取）

    public int getPlayMode() {
        return playMode;
    }

15. 从SharedPreferences中获取播放模式

    private int getPlayModeFromSp() {
        return SharedPreferenceUtils.getInt(AudioPlayerService.this, "playMode", MODE_ORDER);
    }

16. 歌曲准备完成的监听器

    private OnPreparedListener onPreparedListener = new OnPreparedListener() {
        @Override
        public void onPrepared(MediaPlayer mp) {
            mediaPlayer.start();
            notifyPrepared();
        }
    };
    /** * 音乐准备完成时，发送广播将数据传给外界 */
    private void notifyPrepared() {
        Intent intent = new Intent(ACTION_PREPARED);
        intent.putExtra("audioItem", audioList.get(currentPosition));
        sendBroadcast(intent);
    }

17. 歌曲播放完成的监听器

    private OnCompletionListener onCompletionListener = new MediaPlayer.OnCompletionListener() {
        @Override
        public void onCompletion(MediaPlayer mp) {
            notifyCompletion();
            autoPlayByPlayMode();
        }
    };
    private void notifyCompletion() {
            Intent intent = new Intent(ACTION_COMPLETION);
            intent.putExtra("audioItem", audioList.get(currentPosition));
            sendBroadcast(intent);
    }
    

18. 根据播放模式自动播放

    private void autoPlayByPlayMode() {
        switch (playMode) {
            case MODE_ORDER:
                serviceBinder.playNext();
                break;
            case MODE_SINGLE_REPEAT:
                serviceBinder.playAudio();
                break;
            case MODE_ALL_REPEAT:
                if (currentPosition == audioList.size() - 1) {
                    currentPosition = 0;
                    serviceBinder.playAudio();
                } else {
                    serviceBinder.playNext();
                }
                break;
        }
    }

至此，service中的方法基本上写好了。下面音乐播放的activity直接调用这些方法就可以了。

养成好习惯，服务销毁的时候，释放资源。

    @Override
    public void onDestroy() {
        super.onDestroy();
        mediaPlayer.release();
        mediaPlayer = null;
    }

AudioPlayerActivity的调用代码

1. 初始化数据

   @Override
   protected void initData() {
   
       registerAudioStateReceiver();
   
       Bundle bundle = new Bundle();
       //将音乐列表传递过来的数据（所有音乐的集合和当期音乐的position）传递给service
       bundle = getIntent().getExtras();
       Intent serviceIntent = new Intent(this, AudioPlayerService.class);
       serviceIntent.putExtras(bundle);
       bindService(serviceIntent, new AudioPlayerServiceConn(), Service.BIND_AUTO_CREATE);//为了拿到serviceBinder对象
       startService(serviceIntent);//为了传递数据
   }

   /** * 注册一个音乐状态的广播接受者 */
   private void registerAudioStateReceiver() {
       IntentFilter filter = new IntentFilter();
       filter.addAction(AudioPlayerService.ACTION_PREPARED);
       filter.addAction(AudioPlayerService.ACTION_COMPLETION);
       audioServiceReceiver = new AudioServiceReceiver();
       registerReceiver(audioServiceReceiver, filter);
   }
   
   private class AudioServiceReceiver extends BroadcastReceiver {
   
       @Override
       public void onReceive(Context context, Intent intent) {
           String action = intent.getAction();
           if (action.equals(AudioPlayerService.ACTION_PREPARED)) {    //音乐准备完成
               AudioItem audioItem = (AudioItem) intent.getSerializableExtra("audioItem");
   
               tvTitle.setText(StringUtil.formatAudioName(audioItem.getTitle()));
               tvArtist.setText(audioItem.getArtist());
               tvTime.setText("00:00/" + StringUtil.formatVideoDuration(audioItem.getDuration()));
               sbAudio.setMax((int) audioItem.getDuration());
   
               updatePlayProgress();
               updatePlayModeBtnBg(false);
   
           } else if (action.equals(AudioPlayerService.ACTION_COMPLETION)) {    //音乐播放完成
               handler.removeMessages(UPDATE_PROGRESS);
               AudioItem audioItem = (AudioItem) intent.getSerializableExtra("audioItem");
               tvTime.setText(StringUtil.formatVideoDuration(audioItem.getDuration()) +
                       "/" + StringUtil.formatVideoDuration(audioItem.getDuration()));
               sbAudio.setProgress((int) audioItem.getDuration());
               ivPlay.setBackgroundResource(R.drawable.selector_btn_audio_play);
   
           }
       }
   }

   /** * 更新播放进度 */
   private void updatePlayProgress() {
       long currentProgress = serviceBinder.getCurrentPosition();
       tvTime.setText(StringUtil.formatVideoDuration(currentProgress) + "/" + StringUtil.formatVideoDuration(serviceBinder.getDuration()));
       sbAudio.setProgress((int) currentProgress);
       handler.sendEmptyMessageDelayed(UPDATE_PROGRESS, 1000);
   
   }

2. 控件的点击事件

   @Override
   protected void processClick(View view) {
       switch (view.getId()) {
           case R.id.iv_back:
               finish();
               break;
           case R.id.iv_play_mode:
               serviceBinder.switchPlayMode();
               updatePlayModeBtnBg(true);
               break;
           case R.id.iv_pre:
               if (serviceBinder.getCurrentPlayingIndex() != 0) {
                   serviceBinder.playPre();
               } else {
                   ToastUtil.showShort(this, "已经是第一首了");
               }
               break;
           case R.id.iv_play:
               if (serviceBinder.isPlaying()) {
                   serviceBinder.pause();
                   handler.removeMessages(UPDATE_PROGRESS);
                   handler.removeMessages(UPDATE_LYRIC);
               } else {
                   serviceBinder.start();
                   handler.sendEmptyMessage(UPDATE_PROGRESS);
                   handler.sendEmptyMessage(UPDATE_LYRIC);
               }
               updatePlayBtnBg();
               break;
           case R.id.iv_next:
               if (serviceBinder.getCurrentPlayingIndex() != serviceBinder.getAudioListSize() - 1) {
                   serviceBinder.playNext();
               } else {
                   ToastUtil.showShort(this, "已经是最后一首了");
               }
               break;
       }
   }
   

   /**更新播放模式按钮的背景 * @param isShowTip 是否显示建议（切换时的toast提醒） */
   private void updatePlayModeBtnBg(boolean isShowTip) {
       int playMode = serviceBinder.getPlayMode();
       switch (playMode) {
           case AudioPlayerService.MODE_ORDER:
               if (isShowTip) ToastUtil.showShort(this, "顺序播放");
               ivPlayMode.setBackgroundResource(R.drawable.selector_btn_mode_order);
               break;
           case AudioPlayerService.MODE_SINGLE_REPEAT:
               if (isShowTip) ToastUtil.showShort(this, "单曲循环");
               ivPlayMode.setBackgroundResource(R.drawable.selector_btn_mode_single_repeat);
               break;
           case AudioPlayerService.MODE_ALL_REPEAT:
               if (isShowTip) ToastUtil.showShort(this, "循环播放");
               ivPlayMode.setBackgroundResource(R.drawable.selector_btn_mode_all_repeat);
               break;
       }
   
   }

   /** * 更新播放按钮的背景 */
   private void updatePlayBtnBg() {
       ivPlay.setBackgroundResource(serviceBinder.isPlaying() ?
               R.drawable.selector_btn_audio_pause :
               R.drawable.selector_btn_audio_play);
   }

基本功能完成了，记住在activity销毁的时候，移除一些消息和广播。

    @Override
    protected void onDestroy() {
        super.onDestroy();
        unregisterReceiver(audioServiceReceiver);
        handler.removeCallbacksAndMessages(null);
    }

好了，先整理到这里。下一篇将整理音乐发送系统通知栏的相关知识，以及滚动歌词的绘制