public class DisplayUtil {
/*手柄起始角度*/
public static final float ROTATION_INIT_NEEDLE = -30;
/*截圖屏幕寬高*/
private static final float BASE_SCREEN_WIDTH = (float) 1080.0;
private static final float BASE_SCREEN_HEIGHT = (float) 1920.0;
/*唱針寬高、距離等比例*/
public static final float SCALE_NEEDLE_WIDTH = (float) (276.0 / BASE_SCREEN_WIDTH);
public static final float SCALE_NEEDLE_MARGIN_LEFT = (float) (500.0 / BASE_SCREEN_WIDTH);
public static final float SCALE_NEEDLE_PIVOT_ = (float) (43.0 / BASE_SCREEN_WIDTH);
public static final float SCALE_NEEDLE_PIVOT_Y = (float) (43.0 / BASE_SCREEN_WIDTH);
public static final float SCALE_NEEDLE_HEIGHT = (float) (413.0 / BASE_SCREEN_HEIGHT);
public static final float SCALE_NEEDLE_MARGIN_TOP = (float) (43.0 / BASE_SCREEN_HEIGHT);
/*唱盤比例*/
public static final float SCALE_DISC_SIZE = (float) (813.0 / BASE_SCREEN_WIDTH);
public static final float SCALE_DISC_MARGIN_TOP = (float) (190 / BASE_SCREEN_HEIGHT);
/*專輯圖片比例*/
public static final float SCALE_MUSIC_PIC_SIZE = (float) (533.0 / BASE_SCREEN_WIDTH);
/*設備屏幕寬度*/
public static int getScreenWidth(Contet contet) {
return contet.getResources().getDisplayMetrics().widthPiels;
}
/*設備屏幕高度*/
public static int getScreenHeight(Contet contet) {
return contet.getResources().getDisplayMetrics().heightPiels;
}
}</code></pre>
例如需要設置唱盤底盤的頂部外邊距，我們先獲得該比例，然后乘上當前屏幕高度，得到具體數值，最后通過LayoutParams類進行動態設置。
int marginTop = (int) (DisplayUtil.SCALE_DISC_MARGIN_TOP * mScreenHeight);
RelativeLayout.LayoutParams layoutParams = (LayoutParams) mDiscBlackground.getLayoutParams();
layoutParams.setMargins(0, marginTop, 0, 0);
2.4 DiscView對外接口及方法
唱盤控件DiscView提供一個接口IPlayInfo，代碼如下：
public interface IPlayInfo {
/*用于更新標題欄變化*/
public void onMusicInfoChanged(String musicName, String musicAuthor);
/*用于更新背景圖片*/
public void onMusicPicChanged(int musicPicRes);
/*用于更新音樂播放狀態*/
public void onMusicChanged(MusicChangedStatus musicChangedStatus);
}
接口IPlayInfo中包含三個方法，分別用于更新標題欄（音樂名、作者名）、更新背景圖片以及控制音樂播放狀態（播放、暫停、上/下一首等）。
讀者可能有些疑問？
1. IPlayInfo接口的第一、二個方法屬于同一類型，為何要拆成兩個？
2. 為何通過回調來控制音樂播放？點擊主界面的控制按鈕時，直接控制音樂播放不也可以嗎？
這兩個問題，筆者也是經過多次考慮。
第一個問題，首先 網易云音樂交互上，更新標題欄和更新背景圖的時機不一樣 （ViewPager偏移頁面1/2時更新標題欄，而背景圖是ViewPager是停止滑動后才更新）。若兩個接口合并為一個，一來不利于解耦，二來可能造成開發者誤解，并且造成資源浪費。
第二個問題，筆者考慮到， 點擊主界面的控制按鈕，并不代表立刻需要發生音樂的狀態變更 （比如點擊播放按鈕，需要等唱針動畫結束后才能開始播放音樂）。因此，控制音樂的時機是依賴與DiscView的狀態。因此，我們 通過接口中的onMusicChanged方法在適合的時間先將音樂控制回調到Activity，再通過Activity發送指令，來達到切換音樂狀態的效果。
點擊主界面播放/暫停、上/下一首按鈕時，調用DiscView暴露的方法：
@Override
public void onClick(View v) {
if (v == mIvPlayOrPause) {
mDisc.playOrPause();
} else if (v == mIvNet) {
mDisc.net();
} else if (v == mIvLast) {
mDisc.last();
}
}
當主界面收到DiscView回調時，調用相關方法控制音樂播放：
public void onMusicChanged(MusicChangedStatus musicChangedStatus) {
switch (musicChangedStatus) {
case PLAY:{
play();
break;
}
case PAUSE:{
pause();
break;
}
case NET:{
net();
break;
}
case LAST:{
last();
break;
}
case STOP:{
stop();
break;
}
}
}
2.5 音樂狀態控制時序圖
音樂狀態控制時序圖
如上時序圖所示，點擊Activity的按鈕時，先調用DiscView的相關方法，并在合適的時機（如動畫結束）再將狀態回調到Activity，并通過廣播發送指令到Service，實現音樂狀態切換，最后通過廣播更新UI狀態。
項目架構介紹到這里，接下來是部分視覺效果以及設計思路的介紹。
3 加載大圖避免OOM
加載大圖避免OOM（內存溢出），這是一個老生常談的話題，筆者以后會有 專門的文章來講述這方面的內容，這里先放出結論。
解決大圖加載一般有幾種方案：
1. 設置largeHeap為true。
2. 根據圖片類型選定解碼格式。
3. 根據原始圖片寬高及目標顯示寬高，設置圖片采樣率。
第一種方法，可以增加了堆內存空間，但這種方法僅僅延后了OOM發生的時機，治標不治本，不推薦使用該方法。
第二種方法， Android對圖片進行解碼時，默認是采用ARGB_8888格式，即每個像素占32位，如果圖片格式是jpg，那么用ARGB_8888來解析自然是浪費，因為jpg圖片沒有透明通道。一般我們采用RGB_565格式來對jpg圖片解碼，RGB_565即每個像素點占16位，因此解碼后圖片的內存占用僅僅是使用ARGB_8888解碼的一半 。
第三種方法，這也是網上最普遍方式，也是最有通用的，采樣率可以理解成：當采樣率為４，表示將４個點“合并”為一個點來讀出，縮小圖片尺寸的同時也減少了圖片占用空間，這樣解碼得到出來的圖片占用空間自然比原圖少。
以加載音樂專輯圖片的代碼為例：
private Bitmap getMusicPicBitmap(int musicPicSize, int musicPicRes) {
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(getResources(),musicPicRes,options);
int imageWidth = options.outWidth;
int sample = imageWidth / musicPicSize;
int dstSample = 1;
if (sample > dstSample) {
dstSample = sample;
}
options.inJustDecodeBounds = false;
//設置圖片采樣率
options.inSampleSize = dstSample;
//設置圖片解碼格式
options.inPreferredConfig = Bitmap.Config.RGB_565;
return Bitmap.createScaledBitmap(BitmapFactory.decodeResource(getResources(),
musicPicRes, options), musicPicSize, musicPicSize, true);
}</code></pre>
上面代碼中，我們先設置options.inJustDecodeBounds = true，這樣BitmapFactory.decodeResource的時候僅僅會加載圖片的一些信息，然后通過options.outWidth獲取到圖片的寬度，根據目標圖片尺寸算出采樣率。最后通過inPreferredConfig設置解碼格式，才正式加載圖片。
4 生成圓圖最快捷的方式
我們看到，網易云音樂唱盤背后有個底座，是個透明的圓形圖，如圖5-1所示。筆者找過所有網易云音樂的圖片資源，只發現了一張透明的方形圖，看來我們需要自己生成圓形圖片了。
生成圓圖有各種各樣的方式，比如自定義控件復寫onDraw方法、給圖片加上圓形蒙版等，網上都有很多資料，在此不再多說。
在此給大家分享一種筆者認為最簡單的方式：
RoundedBitmapDrawable是android.support.v4.graphics.drawable 里面的一個類，通過這個類可以很容易實現圓角和圓形圖片。
用法：
使用RoundedBitmapDrawable生成圓形圖，先要將初始圖片調整為正方形，由于網易云音樂的這張圖片本身就是方形，因此筆者將這一步省略。
代碼非常簡單，代碼如下：
private Drawable getDiscBlackgroundDrawable() {
int discSize = (int) (mScreenWidth * DisplayUtil.SCALE_DISC_SIZE);
Bitmap bitmapDisc = Bitmap.createScaledBitmap(BitmapFactory.decodeResource(getResources(), R
.drawable.ic_disc_blackground), discSize, discSize, false);
RoundedBitmapDrawable roundDiscDrawable = RoundedBitmapDrawableFactory.create
(getResources(), bitmapDisc);
return roundDiscDrawable;
}
我們將圖片資源文件轉為Bitmap對象，然后初始化RoundedBitmapDrawable對象，然后直接返回該對象就可以了。
5 使用LayerDrawable進行圖片合成
這一步，主要用于合成唱盤與專輯圖片，如圖6-1所示。筆者用 UI Automation 工具查看網易云音樂唱盤布局時，發現里面用了兩個ImageView，估計是一個用來顯示唱盤，一個用來顯示專輯圖片（并不確定）。 但如果可以將唱盤與專輯圖片合并成一張圖，那使用一個ImageView就夠了 。
圖 6-1
LayerDrawable介紹：
LayerDrawable也可包含一個Drawable數組，因此系統將會按這些Drawable對象的數組順序來繪制它們，索引最大的Drawable對象將會被繪制在最上面。 LayerDrawable有點類似PhotoShop圖層的概念。
思路：
1. 生成圓形的專輯圖。
2. 使用LayerDrawable加載唱盤及專輯圖片。
3. 調整專輯圖的邊距，讓它顯示在唱盤的正中間。
4. 在ImageView中顯示。
代碼：
private Drawable getDiscDrawable(int musicPicRes) {
int discSize = (int) (mScreenWidth DisplayUtil.SCALE_DISC_SIZE);
int musicPicSize = (int) (mScreenWidth DisplayUtil.SCALE_MUSIC_PIC_SIZE);
Bitmap bitmapDisc = Bitmap.createScaledBitmap(BitmapFactory.decodeResource(getResources(), R
.drawable.ic_disc), discSize, discSize, false);
Bitmap bitmapMusicPic = getMusicPicBitmap(musicPicSize,musicPicRes);
BitmapDrawable discDrawable = new BitmapDrawable(bitmapDisc);
RoundedBitmapDrawable roundMusicDrawable = RoundedBitmapDrawableFactory.create
(getResources(), bitmapMusicPic);
//抗鋸齒
discDrawable.setAntiAlias(true);
roundMusicDrawable.setAntiAlias(true);
Drawable[] drawables = new Drawable[2];
drawables[0] = roundMusicDrawable;
drawables[1] = discDrawable;
LayerDrawable layerDrawable = new LayerDrawable(drawables);
int musicPicMargin = (int) ((DisplayUtil.SCALE_DISC_SIZE - DisplayUtil
.SCALE_MUSIC_PIC_SIZE) * mScreenWidth / 2);
//調整專輯圖片的四周邊距
layerDrawable.setLayerInset(0, musicPicMargin, musicPicMargin, musicPicMargin,
musicPicMargin);
return layerDrawable;
}</code></pre>
在上面代碼中，我們先生成了唱盤對象BitmapDrawable，然后通過RoundedBitmapDrawable生成圓形專輯圖片，然后存放到Drawable[]數組中，并用來初始化LayerDrawable對象。最后，我們用 setLayerInset方法 調整專輯圖片的四周邊距，讓它顯示在唱盤正中。
6 實現毛玻璃效果圖
顯而易見地，網易云音樂的背景圖是由專輯圖片加上毛玻璃效果而生成的。毛玻璃效果，我們可以 StackBlur模糊算法 來實現，這種算法應用非常廣泛，能得到非常良好的毛玻璃效果。在這里我們使用它的 java實現 。
用法如下：
public static Bitmap doBlur(Bitmap sentBitmap, int radius, boolean canReuseInBitmap)
第一個參數是需要模糊處理的Bitmap，第二個參數是模糊半徑（一般設置為8），第三個參數表示是否復用。
對圖片進行模糊化之前，我們先針對播放界面思考幾個問題：
1. 網易云音樂專輯圖均為方形，若將專輯圖全屏加載會造成圖片變形。
2. 直接對大圖模糊化很容易出現OOM，同時性能也有所損耗。
3. 可能有部分專輯圖片顏色過亮（如純白色），會影響按鈕的視覺效果。
第一點，比較容易解決，我們可以在原圖中部，切割一個與屏幕寬高比例對應的圖片即可。
第二點， 做圖片模糊化處理前，我們一般先對大圖進行縮小處理，再用算法進行模糊，這樣不容易出現OOM，對性能也沒影響。
第三點，我們可以在圖片模糊化后的基礎上，加上灰色遮罩層，這樣就算是純白背景，也不會對主界面的控件造成視覺影響。
代碼如下所示：
private Drawable getForegroundDrawable(int musicPicRes) {
/得到屏幕的寬高比，以便按比例切割圖片一部分/
final float widthHeightSize = (float) (DisplayUtil.getScreenWidth(MainActivity.this)
1.0 / DisplayUtil.getScreenHeight(this) 1.0);
Bitmap bitmap = getForegroundBitmap(musicPicRes);
int cropBitmapWidth = (int) (widthHeightSize * bitmap.getHeight());
int cropBitmapWidth = (int) ((bitmap.getWidth() - cropBitmapWidth) / 2.0);
/*切割部分圖片*/
Bitmap cropBitmap = Bitmap.createBitmap(bitmap, cropBitmapWidth, 0, cropBitmapWidth,
bitmap.getHeight());
/*縮小圖片*/
Bitmap scaleBitmap = Bitmap.createScaledBitmap(cropBitmap, bitmap.getWidth() / 50, bitmap
.getHeight() / 50, false);
/*模糊化*/
final Bitmap blurBitmap = FastBlurUtil.doBlur(scaleBitmap, 8, true);
final Drawable foregroundDrawable = new BitmapDrawable(blurBitmap);
/*加入灰色遮罩層，避免圖片過亮影響其他控件*/
foregroundDrawable.setColorFilter(Color.GRAY, PorterDuff.Mode.MULTIPLY);
return foregroundDrawable;
}</code></pre>
考慮到這部分代碼可能會阻塞UI線程，因此筆者將其放著單獨線程中執行。
private void try2UpdateMusicPicBackground(final int musicPicRes) {
if (mRootLayout.isNeed2UpdateBackground(musicPicRes)) {
new Thread(new Runnable() {
@Override
public void run() {
final Drawable foregroundDrawable = getForegroundDrawable(musicPicRes);
runOnUiThread(new Runnable() {
@Override
public void run() {
mRootLayout.setForeground(foregroundDrawable);
mRootLayout.beginAnimation();
}
});
}
}).start();
}
}
7 使用LayerDrawable與屬性動畫，實現圖片切換漸變效果
仔細觀察網易云音樂，發現切換歌曲時，背景圖也會隨著變化，如圖8-1所示，變化時還帶有一個漸變的效果。筆者曾經也是為這個效果想了很長時間，這效果究竟是怎么實現的？后來筆者想到了一個很簡單的方法，可以用前面介紹的LayerDrawable加屬性動畫來實現。
圖 8-1 背景圖漸變效果
思路如下：
1. 給LayerDrawable設置兩個圖層，第一圖層是前一個背景，第二圖層是準備顯示的背景。
2. 先把準備顯示的背景透明度設為0，因此完全透明，此時只顯示前一個背景圖。
3. 通過屬性動畫，動態將第二圖層的透明度從0調整至100，并不斷更新控件的背景。
有了思路，寫代碼就簡單了。我們通過RelativeLayout來顯示背景，考慮到需要對代碼進行封裝，我們自定義一個類BackgourndAnimationRelativeLayout繼承RelativeLayout，并在該類中實現上述的思路，關鍵代碼如下：
/**
- 自定義一個控件，繼承RelativeLayout
**/
public class BackgourndAnimationRelativeLayout etends RelativeLayout
//初始化LayerDrawable對象
private void initLayerDrawable() {
Drawable backgroundDrawable = getContet().getDrawable(R.drawable.ic_blackground);
Drawable[] drawables = new Drawable[2];
/*初始化時先將前景與背景顏色設為一致*/
drawables[INDE_BACKGROUND] = backgroundDrawable;
drawables[INDE_FOREGROUND] = backgroundDrawable;
layerDrawable = new LayerDrawable(drawables);
}
private void initObjectAnimator() {
objectAnimator = ObjectAnimator.ofFloat(this, "number", 0f, 1.0f);
objectAnimator.setDuration(DURATION_ANIMATION);
objectAnimator.setInterpolator(new AccelerateInterpolator());
objectAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int foregroundAlpha = (int) ((float) animation.getAnimatedValue() 255);
/動態設置Drawable的透明度，讓前景圖逐漸顯示*/
layerDrawable.getDrawable(INDE_FOREGROUND).setAlpha(foregroundAlpha);
BackgourndAnimationRelativeLayout.this.setBackground(layerDrawable);
}
});
objectAnimator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
/*動畫結束后，記得將原來的背景圖及時更新*/
layerDrawable.setDrawable(INDE_BACKGROUND, layerDrawable.getDrawable(
INDE_FOREGROUND));
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
}
//對外提供方法，用于播放漸變動畫
public void beginAnimation() {
objectAnimator.start();
}</code></pre>
8 遇到復雜的場景，如何編寫代碼
這是個很有趣的問題，我們平時寫代碼也會遇到很多復雜的場景。就拿網易云音樂來說，我們可以仔細觀察唱針的動畫細節。
唱針動畫細節：
- 暫停音樂時，點擊播放按鈕，此時唱針移動到底部。
- 播放音樂時，手指按住唱盤并移動，此時唱針移到頂部。
- 播放音樂時，手指按住唱盤并移動，等唱針未移到頂部時，立刻松開手指，此時唱針先到頂部再回到唱盤位置。
- 暫停音樂時，點擊播放，此時唱針往下移動，當唱針動畫為結束時，馬上手指按住唱盤并偏移，此時唱針立刻往頂部移動。
- 左右滑動ViewPager進行音樂切換，唱針動畫未結束時，立刻點擊上下一首按鈕，進行音樂切換，此時唱針狀態不能錯亂。
第1、2個效果很容易實現，只要監聽ViewPager的狀態配合屬性動畫就可以了，但第3、4、5個效果（本質上5和3、4一致）實現起來就有難度了。當然我們可以簡單地加boolean標記暴力解決，標記雖然可以用，但不能隨意用，否則變量多起來代碼可讀性句變得非常差了。
筆者在這談一點自己的心得體會，遇到這種問題原則如下:
冷靜分析，簡化并找到不同場景的被觸發的狀態。
我們仔細分析上述的幾種場景，無非和兩個因素有關： ViewPager是否偏離 以及 唱針所處的位置 。因此，我們可以把狀態分為兩類，六種狀態：
1. ViewPager狀態：包括正在偏移、偏移結束。
2. 唱針的狀態：處于遠端、處于近端、正在從遠端往近端移動、正在從近端往遠端移動。
ViewPager的狀態可以通過PageChangeListener得到，而唱針的狀態筆者通過枚舉來表示，唱針的狀態在動畫的開始、結束時進行切換。
唱針狀態枚舉：
private enum NeedleAnimatorStatus {
/*移動時：從唱盤往遠處移動*/
TO_FAR_END,
/*移動時：從遠處往唱盤移動*/
TO_NEAR_END,
/*靜止時：離開唱盤*/
IN_FAR_END,
/*靜止時：貼近唱盤*/
IN_NEAR_END
}
動畫開始時，更新唱針狀態：
@Override
public void onAnimationStart(Animator animator) {
/**
*根據動畫開始前NeedleAnimatorStatus的狀態，
*即可得出動畫進行時NeedleAnimatorStatus的狀態
**/
if (needleAnimatorStatus == NeedleAnimatorStatus.IN_FAR_END) {
needleAnimatorStatus = NeedleAnimatorStatus.TO_NEAR_END;
} else if (needleAnimatorStatus == NeedleAnimatorStatus.IN_NEAR_END) {
needleAnimatorStatus = NeedleAnimatorStatus.TO_FAR_END;
}
}
動畫結束時，更新唱針狀態：
@Override
public void onAnimationEnd(Animator animator) {
if (needleAnimatorStatus == NeedleAnimatorStatus.TO_NEAR_END) {
needleAnimatorStatus = NeedleAnimatorStatus.IN_NEAR_END;
int inde = mVpContain.getCurrentItem();
playDiscAnimator(inde);
} else if (needleAnimatorStatus == NeedleAnimatorStatus.TO_FAR_END) {
needleAnimatorStatus = NeedleAnimatorStatus.IN_FAR_END;
}
｝
每種狀態都定義清楚，這樣代碼寫起來就比較清晰，比如 播放動畫時，包含兩個狀態 ：
1. 唱針處于遠端時，播放唱針動畫。
2. 唱針處于從近端往遠端移動時，播放唱針動畫（解決上述場景第3個問題）
/*播放動畫*/
private void playAnimator() {
/*唱針處于遠端時，直接播放動畫*/
if (needleAnimatorStatus == NeedleAnimatorStatus.IN_FAR_END) {
mNeedleAnimator.start();
}
/*唱針處于往遠端移動時，設置標記，等動畫結束后再播放動畫*/
else if (needleAnimatorStatus == NeedleAnimatorStatus.TO_FAR_END) {
mIsNeed2StartPlayAnimator = true;
}
}
再比如暫停播放時，包含兩種狀態：
1. 唱針處于近端時，暫停動畫。
2. 唱針往近端移動時，暫停動畫（解決上述場景第4個細節問題）
/*暫停動畫*/
private void pauseAnimator() {
/*播放時暫停動畫*/
if (needleAnimatorStatus == NeedleAnimatorStatus.IN_NEAR_END) {
int inde = mVpContain.getCurrentItem();
pauseDiscAnimatior(inde);
}
/*唱針往唱盤移動時暫停動畫*/
else if (needleAnimatorStatus == NeedleAnimatorStatus.TO_NEAR_END) {
mNeedleAnimator.reverse();
/**
*若動畫在沒結束時執行reverse方法，則不會執行監聽器的onStart方法，此時需要手動設置
**/
needleAnimatorStatus = NeedleAnimatorStatus.TO_FAR_END;
}
}
9 配合Service、本地廣播進行音樂播放
9.1 為什么選擇Service？
面試的時候，可能面試官會問：什么場景下，使用Service會比Activity更有優勢？很多人回答，運行在不需要顯示界面的場景時，但沒有沒有說出具體場景。
播放音頻，需要用到MediaPlayer類。筆者認為，對MediaPlayer的控制，放在Service處理再好不過了： Service不需要界面，但更重要的是，不需要處理屏幕旋轉的邏輯 。如果把MediaPlayer放在Activity，屏幕旋轉時，因為Activity會重建，估計還要保存ediaPlayer的各種狀態，使用Service就沒有這個顧慮了。
筆者的案例不涉及到屏幕旋轉處理，為了演示流程，還是使用Service處理音樂播放。
9.2 為什么選擇本地廣播？
Android的廣播時全局的，一旦發出，會在系統內傳播，如果有其他APP得知你的Action信息和權限，可能造成信息泄露，甚至可以發送廣播來控制你的APP。而本地廣播（LocalBroadcast）只在應用內部傳遞，則不會有這個顧慮。
本地廣播有以下幾個特點：
- 廣播在應用內部傳播，不必擔心信息泄露。
- 別的應用無法發送廣播來控制你的APP，更加安全。
- 發送的廣播不需要系統中轉，效率更高。
本地廣播的用法很簡單，如下：
注冊：
LocalBroadcastManager.getInstance(this).registerReceiver(receiver, intentFilter);
取消注冊：
LocalBroadcastManager.getInstance(this).unregisterReceiver(receiver);
廣播發送：
LocalBroadcastManager.getInstance(contet).sendBroadcast(new Intent(ACTION));
9.3 進度條的處理
本案例中，我們使用Handler+SeekBar實現歌曲進度動態更新，通過Handler的sendEmptyMessageDelayed方法，每隔1秒發送一個事件。當接收到事件時，更新SeekBar的進度然后再次調用sendEmptyMessageDelayed方法，這樣就可以實現進度的動態更新。
關鍵代碼如下所示：
private Handler mMusicHandler = new Handler(){
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
mSeekBar.setProgress(mSeekBar.getProgress() + 1000);
mTvMusicDuration.setTet(duration2Time(mSeekBar.getProgress()));
startUpdateSeekBarProgress();
}
};
private void startUpdateSeekBarProgress() {
/避免重復發送Message/
stopUpdateSeekBarProgree();
mMusicHandler.sendEmptyMessageDelayed(0,1000);
}</code></pre>
當SeekBar滑動時，使用removeMessages方法移除Handler中的延時消息，暫停Handler對SeekBar的更新。當SeekBar滑動結束后，根據當前的進度值來更新音樂播放的位置。
關鍵代碼如下所示：
mSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
@Override
public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
mTvMusicDuration.setTet(duration2Time(progress));
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
stopUpdateSeekBarProgree();
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
seekTo(seekBar.getProgress());
startUpdateSeekBarProgress();
}
});</code></pre>
本章的內容到此結束，更多的實現細節可以參考項目源碼。
來自：http://www.jianshu.com/p/cb54990219d9
