本系列博文，詳細講述一個音樂播放器的實現，以及從網路解析資料獲取最新推薦歌曲以及歌曲下載的功能。
功能介紹如下：
1、獲取本地歌曲列表，實現歌曲播放功能。
2、利用硬體加速感應器，搖動手機實現切換歌曲的功能
3、利用jsoup解析網頁資料，從網路獲取歌曲列表，同時實現歌曲和歌詞下載到手機本地的功能。
4、通知欄提醒，實現仿QQ音樂播放器的通知欄功能.
涉及的技術有：
1、jsoup解析網路網頁，從而獲取需要的資料
2、android中訪問網路，獲取檔案到本地的網路請求技術，以及下載檔案到本地實現斷點下載
3、執行緒池
4、圖片快取
5、service一直在後臺執行
6、手機硬體加速器
7、notification通知欄設計
8、自定義廣播
9、android系統檔案管理
主要技術是這些，其中，利用jsoup解析網路網頁，從而獲取需要的資料，請參考我的博文：

本篇博文講述播放介面的設計和實現，以及做最後的總結。

這個是播放介面的截圖，仿QQ音樂播放介面的實現，程式碼如下：

/**
 * 2015年8月15日 16:34:37
 *  博文地址：http://blog.csdn.net/u010156024
 */
public class PlayActivity extends BaseActivity implements OnClickListener {

    private LinearLayout mPlayContainer;
    private ImageView mPlayBackImageView; // back button
 

    private TextView mMusicTitle; // music title
    private ViewPager mViewPager; // cd or lrc
    private CDView mCdView; // cd
    private SeekBar mPlaySeekBar; // seekbar
    private ImageButton mStartPlayButton; // start or pause
    private TextView mSingerTextView; // singer
    private LrcView mLrcViewOnFirstPage; // single line lrc
 

    private LrcView mLrcViewOnSecondPage; // 7 lines lrc
    private PagerIndicator mPagerIndicator; // indicator

    // cd view and lrc view
    private ArrayList<View> mViewPagerContent = new ArrayList<View>(2);

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.play_activity_layout);
        setupViews();
    }

    /**
     * 初始化view
     */
    private void setupViews() {
        mPlayContainer = (LinearLayout) findViewById(R.id.ll_play_container);
        mPlayBackImageView = (ImageView) findViewById(R.id.iv_play_back);
        mMusicTitle = (TextView) findViewById(R.id.tv_music_title);
        mViewPager = (ViewPager) findViewById(R.id.vp_play_container);
        mPlaySeekBar = (SeekBar) findViewById(R.id.sb_play_progress);
        mStartPlayButton = (ImageButton) findViewById(R.id.ib_play_start);
        mPagerIndicator = (PagerIndicator) findViewById(R.id.pi_play_indicator);

        // 動態設定seekbar的margin
        MarginLayoutParams p = (MarginLayoutParams) mPlaySeekBar
                .getLayoutParams();
        p.leftMargin = (int) (App.sScreenWidth * 0.1);
        p.rightMargin = (int) (App.sScreenWidth * 0.1);

        mPlaySeekBar.setOnSeekBarChangeListener(mSeekBarChangeListener);

        initViewPagerContent();
        // 設定viewpager的切換動畫
        mViewPager.setPageTransformer(true, new PlayPageTransformer());
        mPagerIndicator.create(mViewPagerContent.size());
        mViewPager.setOnPageChangeListener(mPageChangeListener);
        mViewPager.setAdapter(mPagerAdapter);

        mPlayBackImageView.setOnClickListener(this);
    }

    @Override
    protected void onResume() {
        super.onResume();
        allowBindService();
    }

    @Override
    protected void onPause() {
        allowUnbindService();
        super.onPause();
    }

    private OnPageChangeListener mPageChangeListener =
            new OnPageChangeListener() {
        @Override
        public void onPageSelected(int position) {
            if (position == 0) {
                if (mPlayService.isPlaying())
                    mCdView.start();
            } else {
                mCdView.pause();
            }
            mPagerIndicator.current(position);
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
        }

        @Override
        public void onPageScrollStateChanged(int arg0) {
        }
    };

    /**
     * 拖動進度條
     */
    private SeekBar.OnSeekBarChangeListener mSeekBarChangeListener =
            new SeekBar.OnSeekBarChangeListener() {
        @Override
        public void onProgressChanged(SeekBar seekBar, int progress,
                boolean fromUser) {

        }

        @Override
        public void onStartTrackingTouch(SeekBar seekBar) {

        }

        @Override
        public void onStopTrackingTouch(SeekBar seekBar) {
            int progress = seekBar.getProgress();
            mPlayService.seek(progress);
            mLrcViewOnFirstPage.onDrag(progress);
            mLrcViewOnSecondPage.onDrag(progress);
        }
    };

    private PagerAdapter mPagerAdapter = new PagerAdapter() {
        @Override
        public int getCount() {
            return mViewPagerContent.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object obj) {
            return view == obj;
        }

        /**
         * 該方法是PagerAdapter的預載入方法，系統呼叫 當顯示第一個介面時，
         * 第二個介面已經預載入，此時呼叫的就是該方法。
         */
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(mViewPagerContent.get(position));
            return mViewPagerContent.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            ((ViewPager) container).removeView((View) object);
        }
    };

    /**
     * 初始化viewpager的內容
     */
    private void initViewPagerContent() {
        View cd = View.inflate(this, R.layout.play_pager_item_1, null);
        mCdView = (CDView) cd.findViewById(R.id.play_cdview);
        mSingerTextView = (TextView) cd.findViewById(R.id.play_singer);
        mLrcViewOnFirstPage = (LrcView) cd.findViewById(R.id.play_first_lrc);

        View lrcView = View.inflate(this, R.layout.play_pager_item_2, null);
        mLrcViewOnSecondPage = (LrcView) lrcView
                .findViewById(R.id.play_first_lrc_2);

        mViewPagerContent.add(cd);
        mViewPagerContent.add(lrcView);
    }

    @SuppressWarnings("deprecation")
    private void setBackground(int position) {
        Music currentMusic = MusicUtils.sMusicList.get(position);
        Bitmap bgBitmap = MusicIconLoader.getInstance().load(
                currentMusic.getImage());
        if (bgBitmap == null) {
            bgBitmap = BitmapFactory.decodeResource(getResources(),
                    R.drawable.ic_launcher);
        }
        mPlayContainer.setBackgroundDrawable(
                new ShapeDrawable(new PlayBgShape(bgBitmap)));
    }

    /**
     * 上一曲
     * 
     * @param view
     */
    public void pre(View view) {
        mPlayService.pre(); // 上一曲
    }

    /**
     * 播放 or 暫停
     * 
     * @param view
     */
    public void play(View view) {
        if (mPlayService.isPlaying()) {
            mPlayService.pause(); // 暫停
            mCdView.pause();
            mStartPlayButton
                    .setImageResource(R.drawable.player_btn_play_normal);
        } else {
            onPlay(mPlayService.resume()); // 播放
        }
    }

    /**
     * 上一曲
     * 
     * @param view
     */
    public void next(View view) {
        mPlayService.next(); // 上一曲
    }

    /**
     * 播放時呼叫 主要設定顯示當前播放音樂的資訊
     * 
     * @param position
     */
    private void onPlay(int position) {
        Music music = MusicUtils.sMusicList.get(position);

        mMusicTitle.setText(music.getTitle());
        mSingerTextView.setText(music.getArtist());
        mPlaySeekBar.setMax(music.getLength());
        Bitmap bmp = MusicIconLoader.getInstance().load(music.getImage());
        if (bmp == null)
            bmp = BitmapFactory.decodeResource(getResources(),
                    R.drawable.ic_launcher);
        mCdView.setImage(ImageTools.scaleBitmap(bmp,
                (int) (App.sScreenWidth * 0.8)));

        if (mPlayService.isPlaying()) {
            mCdView.start();
            mStartPlayButton
                    .setImageResource(R.drawable.player_btn_pause_normal);
        } else {
            mCdView.pause();
            mStartPlayButton
                    .setImageResource(R.drawable.player_btn_play_normal);
        }
    }

    private void setLrc(int position) {
        Music music = MusicUtils.sMusicList.get(position);
        String lrcPath = MusicUtils.getLrcDir() + music.getTitle() + ".lrc";
        mLrcViewOnFirstPage.setLrcPath(lrcPath);
        mLrcViewOnSecondPage.setLrcPath(lrcPath);
    }

    @Override
    public void onPublish(int progress) {
        mPlaySeekBar.setProgress(progress);
        if (mLrcViewOnFirstPage.hasLrc())
            mLrcViewOnFirstPage.changeCurrent(progress);
        if (mLrcViewOnSecondPage.hasLrc())
            mLrcViewOnSecondPage.changeCurrent(progress);
    }

    @Override
    public void onChange(int position) {
        setBackground(position);
        onPlay(position);
        setLrc(position);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.iv_play_back:
            finish();
            break;
        default:
            break;
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
    }
}

整個程式碼比較簡單，需要特別說明的是，播放介面並沒有和MediaPlayer類耦合，而是和PlayService耦合，對於歌曲的播放，暫停，下一曲、上一曲等操作都和PlayService進行互動，這樣做好處非常明顯，整個專案中所有對播放歌曲的操作都通過PlayService進行，同時，通過PlayService可以更新通知欄資訊。

**

總結

**
一、
專案中，用到了比較多的回撥介面，回撥介面確實非常好用，解決之間的耦合關係。
service類通過回撥介面OnMusicEventListener中的方法，呼叫activity類中的

public void onPublish(int percent);
public void onChange(int position);

兩個方法來實現UI的更新。
而Activity類中通過基類BaseActivity中的以下程式碼

private ServiceConnection mPlayServiceConnection = new ServiceConnection() {
        @Override
        public void onServiceDisconnected(ComponentName name) {
            L.l(TAG, "play--->onServiceDisconnected");
            mPlayService = null;
        }

        @Override
        public void onServiceConnected(ComponentName name, IBinder service) {
            mPlayService = ((PlayService.PlayBinder) service).getService();
            mPlayService.setOnMusicEventListener(mMusicEventListener);
            onChange(mPlayService.getPlayingPosition());
        }
    };

    private ServiceConnection mDownloadServiceConnection = new ServiceConnection() {
        @Override
        public void onServiceDisconnected(ComponentName name) {
            L.l(TAG, "download--->onServiceDisconnected");
            mDownloadService = null;
        }

        @Override
        public void onServiceConnected(ComponentName name, IBinder service) {
            mDownloadService = ((DownloadService.DownloadBinder) service).getService();
        }
    };

    /**
     * 音樂播放服務回撥介面的實現類
     */
    private PlayService.OnMusicEventListener mMusicEventListener = 
            new PlayService.OnMusicEventListener() {
        @Override
        public void onPublish(int progress) {
            BaseActivity.this.onPublish(progress);
        }

        @Override
        public void onChange(int position) {
            BaseActivity.this.onChange(position);
        }
    };

完成與兩個service服務的繫結，實現與service服務的互動。

以上是兩個非常關鍵的方法實現兩者之間的互動，應該說是非常好的處理兩者之間的資訊傳遞。
其中在獲取網路歌曲列表的過程中，也是用到了回撥介面的方法進行資料傳遞，SongsRecommendation類中的

/**
     * 回撥介面 獲取資料之後，通過該介面設定資料傳遞
     */
    public interface OnRecommendationListener {
        public void onRecommend(ArrayList<SearchResult> results);
    }

這個介面就是進行結果傳遞的回撥介面。所以大家在看程式碼的過程中，務必瞭解並看懂回撥介面到底是如何進行的。
二、

專案中使用了比較多的執行緒池問題，大家務必瞭解執行緒池的用法。其實執行緒池用法非常簡單。

private ExecutorService mThreadPool;
mThreadPool = Executors.newSingleThreadExecutor();
mThreadPool.execute(new Runnable() {
            @Override
            public void run() {
                ArrayList<SearchResult> result = getMusicList();
                if (result == null) {
                    mHandler.sendEmptyMessage(Constants.FAILED);
                    return;
                }
                mHandler.obtainMessage(Constants.SUCCESS, result)
                        .sendToTarget();
            }
        });

以上便是執行緒池的基本用法了。easy!!

四、
本專案中的兩個service服務也是關鍵內容，關於service服務一直在後臺執行的內容，請參考我的博文：實現音樂播放器後臺Service服務一直存在的解決思路

以上四點是專案中比較重要的部分，博文寫的比較倉促，難免有什麼不好的地方，如果大家有什麼疑問或問題，歡迎給我留言，我一定儘快回覆大家！^_^【握手】

PS:
程式碼已更新，本地手機沒有MP3檔案的話，也不會出現崩潰。