安卓音樂播放器歌詞滾動顯示

轉載請註明出處：http://blog.csdn.net/iwanghang/article/details/51386317

奇蹟在相信它的人眼裏纔是奇蹟

——— 歌德

本文系轉載，出處已經標明，以前寫播放器苦於音樂歌詞的顯示問題，當時解決的方法是去github找開源控件，無奈是別人的輪子，尺寸大小不對，只好湊活着用了，無聊逛了下csdn，發現有這篇文章，果斷收藏。以後歌詞顯示就直接自己造輪子用了~~~~~~~~~

實現功能：

歌詞顯示及滾動事件實現
ViewPager使用

後續將博文，將實現已下載音樂掃描功能和已存在歌曲歌詞下載。

因爲，沒有自己的服務器，所以網絡音樂所有相關功能(包含搜索音樂、下載音樂、下載歌詞)均無法保證時效性，建議，儘快下載和練習；如果你下載時候，已經因爲我採集的服務器更改規則，請給我留言，如果可以解決，我將在有空的時候獻上新的源碼。

截止到目前的源碼下載：
http://download.csdn.net/album/detail/3105
(最新的，請下載最後一個，本博文對應版本2.1；如果需要逐步實現的過程，請下載所有)

歡迎移動開發愛好者交流：我的微信是iwanghang

另外，我打算開始找工作，如果瀋陽或周邊城市公司有意，也請與我聯繫。

實現效果如圖：

實現代碼如下：

PlayActivity如下：

[java] view plain copy

package com.iwanghang.drmplayer;

import android.graphics.Bitmap;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.TextView;
import android.widget.Toast;

import com.douzi.android.view.DefaultLrcBuilder;
import com.douzi.android.view.ILrcBuilder;
import com.douzi.android.view.ILrcView;
import com.douzi.android.view.LrcRow;
import com.douzi.android.view.LrcView;
import com.iwanghang.drmplayer.adapter.ViewPagerAdapter;
import com.iwanghang.drmplayer.utils.Constant;
import com.iwanghang.drmplayer.utils.ImageUtils;
import com.iwanghang.drmplayer.utils.MediaUtils;
import com.iwanghang.drmplayer.vo.Mp3Info;
import com.lidroid.xutils.db.sqlite.Selector;
import com.lidroid.xutils.exception.DbException;

import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStreamReader;
import java.lang.ref.WeakReference;
import java.util.ArrayList;
import java.util.List;

import static com.iwanghang.drmplayer.PlayService.ORDER_PLAY;
import static com.iwanghang.drmplayer.PlayService.RANDOM_PLAY;
import static com.iwanghang.drmplayer.PlayService.SINGLE_PLAY;


/**
 * PlayActivity 點擊MyMusicListFragment(本地音樂)底部UI中的專輯封面圖片打開的Activity
 */
public class PlayActivity extends BaseActivity implements OnClickListener, OnSeekBarChangeListener ,OnPageChangeListener {
    private TextView textView2_title;//歌名
    private ImageView imageView1_ablum;//專輯封面圖片
    private SeekBar seekBar1;//進度條
    private TextView textView1_start_time, textView1_end_time;//開始時間,結束時間
    private ImageView imageView1_play_mode;//菜單
    private ImageView imageView3_previous, imageView2_play_pause, imageView1_next;//上一首,播放暫停,下一首
    private ImageView imageView1_ablum_reflection;//專輯封面圖片倒影
    private ImageView imageView1_favorite;//收藏按鈕

    //private ArrayList<Mp3Info> mp3Infos;
    //private int position;//當前播放的位置
    private boolean isPause = false;//當前播放的是否爲暫停狀態
    private static final int UPDATE_TIME = 0x10;//更新播放事件的標記

    private DRMPlayerApp app;//取出全局對象 方便調用

    //歌詞
    private ViewPager viewPager;
    private LrcView lrcView;// 自定義歌詞視圖
    private ArrayList<View> views = new ArrayList<>();
    private static final int UPDATE_LRC = 0x20;//更新播放事件的標記
    ILrcView mLrcView;
    public final static String TAG = "PlayActivity";
    private MediaPlayer mPlayer;
    private ViewPagerAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_music_play);
        //取出全局對象 方便調用
        app = (DRMPlayerApp) getApplication();
        //初始化界面信息

        seekBar1 = (SeekBar) findViewById(R.id.seekBar1);//進度條
        textView1_start_time = (TextView) findViewById(R.id.textView1_start_time);//開始時間
        textView1_end_time = (TextView) findViewById(R.id.textView1_end_time);//結束時間
        imageView1_play_mode = (ImageView) findViewById(R.id.imageView1_play_mode);//菜單
        imageView3_previous = (ImageView) findViewById(R.id.imageView3_previous);//上一首
        imageView2_play_pause = (ImageView) findViewById(R.id.imageView2_play_pause);//播放暫停
        imageView1_next = (ImageView) findViewById(R.id.imageView1_next);//下一首
        imageView1_favorite = (ImageView) findViewById(R.id.imageView1_favorite);//收藏按鈕
        lrcView = (LrcView) findViewById(R.id.lrcView);//自定義歌詞視圖

        //註冊按鈕點擊監聽事件
        imageView1_play_mode.setOnClickListener(this);
        imageView2_play_pause.setOnClickListener(this);
        imageView3_previous.setOnClickListener(this);
        imageView1_next.setOnClickListener(this);
        seekBar1.setOnSeekBarChangeListener(this);
        imageView1_favorite.setOnClickListener(this);


        //mp3Infos = MediaUtils.getMp3Infos(this);
        myHandler = new MyHandler(this);

        //獨立音樂播放界面 和 歌詞界面
        viewPager = (ViewPager) findViewById(R.id.viewpager);
        initViewPager();//初始化





    }


    private void initViewPager() {//專輯封面圖片Pager與歌詞Pager


        View album_image_layout = LayoutInflater.from(getApplicationContext()).inflate(R.layout.album_image_layout, null);
        System.out.println("PlayActivity.initViewPager.album_image_layout:" + album_image_layout);


        imageView1_ablum = (ImageView) album_image_layout.findViewById(R.id.imageView1_ablum);//專輯封面圖片

        imageView1_ablum_reflection = (ImageView) album_image_layout.findViewById(R.id.imageView1_ablum_reflection);//專輯封面圖片倒影

        views.add(album_image_layout);//添加專輯封面圖片Pager



        //View lrc_layout = getLayoutInflater().inflate(R.layout.lrc_layout, null);


        View lrc_layout = LayoutInflater.from(getApplicationContext()).inflate(R.layout.lrc_layout, null);
        System.out.println("PlayActivity.initViewPager.lrc_layout:" + lrc_layout);



        lrcView = (LrcView) lrc_layout.findViewById(R.id.lrcView);
        //設置滾動事件
        lrcView.setListener(new ILrcView.LrcViewListener() {
            @Override
            public void onLrcSeeked(int newPosition, LrcRow row) {
                if (playService.isPlaying()) {
                    playService.seekTo((int) row.time);
                }
            }
        });
        lrcView.setLoadingTipText("正在加載歌詞......");
        lrcView.setBackgroundResource(R.mipmap.app_splash_bg);
        lrcView.getBackground().setAlpha(150);//背景透明度0-255
        views.add(lrc_layout);
        System.out.println("PlayActivity.initViewPager.views:" + views);



        //adapter = new ViewPagerAdapter(views);
        adapter = new ViewPagerAdapter(views);
        viewPager.setAdapter(adapter);




        //viewPager.setAdapter(new ViewPagerAdapter(views));
        System.out.println("PlayActivity.initViewPager.viewPager:" + viewPager);
        viewPager.addOnPageChangeListener(this);
        System.out.println("PlayActivity.initViewPager.viewPager:" + viewPager);
    }






    //把播放服務的綁定和解綁放在onResume,onPause裏,好處是,每次回到當前Activity就獲取一次播放狀態
    @Override
    protected void onResume() {
        super.onResume();
        bindPlayService();//綁定服務
    }

    @Override
    protected void onPause() {
        super.onPause();
        unbindPlayService();//解綁服務
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        unbindPlayService();//解綁服務
    }

    //Handler用於更新已經播放時間
    private static MyHandler myHandler;

    //進度條改變 (fromUser 是否來自用戶的改變 , 而不是程序自身控制的改變)
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        if (fromUser) {
            //playService.pause();//暫停
            playService.seekTo(progress);//尋找指定的時間位置 (跳到某個時間點進行播放)
            //playService.start();//播放
        }
    }

    //進度條開始觸摸
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {

    }

    //進度條停止觸摸
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {

    }

    //頁面滾動
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    //頁面選擇
    @Override
    public void onPageSelected(int position) {

    }

    //頁面滾動狀態改變
    @Override
    public void onPageScrollStateChanged(int state) {

    }


    static class MyHandler extends Handler {
        private PlayActivity playActivity;
        private WeakReference<PlayActivity> weak;//弱引用

        public MyHandler(PlayActivity playActivity) {
            //this.playActivity = playActivity;
            weak = new WeakReference<PlayActivity>(playActivity);
        }

        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            //System.out.println("PlayActivity.MyHandler.weak = " + weak);
            playActivity = weak.get();
            //System.out.println("PlayActivity.MyHandler.playActivity = " + playActivity);
            if (playActivity != null) {
                switch (msg.what) {
                    case UPDATE_TIME://更新時間(已經播放時間)
                        playActivity.textView1_start_time.setText(MediaUtils.formatTime((int) msg.obj));
                        break;
                    case UPDATE_LRC:
                        playActivity.lrcView.seekLrcToTime((int) msg.obj);
                        break;
                    default:
                        break;
                }
            }
        }
    }



        long id = getId(mp3Info);

        //初始化收藏狀態
        try {
            Mp3Info loveMp3Info = app.dbUtils.findFirst(Selector.from(Mp3Info.class).where("mp3InfoId", "=", mp3Info.getMp3InfoId()));//查出歌曲,SQL語句
            System.out.println("初始化收藏狀態" + loveMp3Info);
//            if (loveMp3Info != null) {
//                imageView1_favorite.setImageResource(R.mipmap.app_love_selected);
//            } else {
//                imageView1_favorite.setImageResource(R.mipmap.app_love_unselected);
//            }


        //歌詞

    }

                    playService.pause();
                } else {
                    if (playService.isPause()) {
                        imageView2_play_pause.setImageResource(R.mipmap.app_music_pause);//設置暫停圖片
                        playService.start();//播放事件
                    } else {
                        //只有打開APP沒有點擊任何歌曲,同時,直接點擊暫停播放按鈕時.纔會調用
                        //playService.play(0);

                        //只有打開APP沒有點擊任何歌曲,同時,直接點擊暫停播放按鈕時.纔會調用
                        //默認播放的是,在PlayService的onCreate中 恢復狀態值
                        playService.play(playService.getCurrentPosition());
                    }
                }
                break;
            }
            case R.id.imageView1_next: {//下一首按鈕
                playService.next();//下一首
                break;
            }
            case R.id.imageView3_previous: {//上一首按鈕
                playService.prev();//上一首
                break;
            }
            case R.id.imageView1_play_mode: {//循環模式按鈕
                //int mode = (int) imageView1_play_mode.getTag();
                /**
                 * 以下Tosat內容,在strings.xml裏,添加對應代碼
                 *<string name="order_play">順序播放</string>
                 *<string name="random_play">隨機播放</string>
                 *<string name="single_play">單曲循環</string>
                 */
                switch (playService.getPlay_mode()) {
                    case ORDER_PLAY:
                        imageView1_play_mode.setImageResource(R.mipmap.app_mode_random);
                        //imageView1_play_mode.setTag(RANDOM_PLAY);
                        playService.setPlay_mode(RANDOM_PLAY);
                        //Toast.makeText(getApplicationContext(),"隨機播放",Toast.LENGTH_SHORT).show();//這句也可以
                        //Toast.makeText(PlayActivity.this, "隨機播放", Toast.LENGTH_SHORT).show();//這句也可以
                        Toast.makeText(PlayActivity.this, getString(R.string.random_play), Toast.LENGTH_SHORT).show();
                        break;

                break;
            }
            case R.id.imageView1_favorite: {//收藏按鈕  //在vo.Mp3Info裏  private long mp3InfoId;//在收藏音樂時用於保存原始ID
                Mp3Info mp3Info = playService.mp3Infos.get(playService.getCurrentPosition());//查出歌曲

    }


    //加載歌詞
    private void loadLRC(File lrcFile){
        StringBuffer buf = new StringBuffer(1024 * 10);
        char[] chars = new char[1024];
        try {
            BufferedReader in = new BufferedReader(new InputStreamReader(new FileInputStream(lrcFile)));
            int len = -1;
            while ((len = in.read(chars)) != -1){
                buf.append(chars,0,len);
            }
            in.close();
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }catch (IOException e) {
            e.printStackTrace();
        }
        ILrcBuilder builder = new DefaultLrcBuilder();
        List<LrcRow> rows = builder.getLrcRows(buf.toString());
        lrcView.setLrc(rows);
        //加載專輯封面圖片爲背景的方法(實際使用,發現效果不理想)
        //long id = mp3Info.getMp3InfoId()==0?mp3Info.getId:mp3Info.getMp3InfoId();
        //Bitmap bg = MediaUtils.getArtwork(this, id ,mp3Info.getAlbumId(),false,false);
        //if(bg != null){
        //    lrcView.getBackground(new BitmapDrawable(getResources(),bg));
        //   lrcView.getBackground().setAlpha(120);
        //}

ViewPagerAdapter如下：

[java] view plain copy

package com.iwanghang.drmplayer.adapter;

import android.content.Context;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by iwanghang on 16/5/10.
 * ViewPagerAdapter
 */
public class ViewPagerAdapter extends PagerAdapter {
    private List<View> list;
    private Context context;

    public ViewPagerAdapter(List<View> list) {
        this.list = list;
    }

    public ViewPagerAdapter(List<View> list,Context context) {
        this.list = list;
        this.context = context;
    }

    @Override
    public int getCount() {
        if (list != null && list.size() > 0) {
            return list.size();
        } else {
            return 0;
        }
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == arg1;
    }

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

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        container.addView(list.get(position));
        return list.get(position);
    }

    @Override
    public int getItemPosition(Object object) {
        return POSITION_NONE;
    }







}