Android 實現圖片加載效果

Android 實現圖片加載效果代碼。

先貼圖：

代碼如下：

package com.android.activity;

import java.text.DecimalFormat;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.ImageView;

/**
* 自定義組件實現新浪微博的圖片加載效果。<br/>
*
*
*
*/
public class PorterDuffView extends ImageView {
private static final String TAG = "PorterDuffView";
/** 前景Bitmap高度為1像素。采用循環多次填充進度區域。 */
public static final int FG_HEIGHT = 1;
/** 下載進度前景色 （鋪上的紅色）*/
// public static final int FOREGROUND_COLOR = 0x77123456;
public static final int FOREGROUND_COLOR = 0x77ff0000;
/** 下載進度條文字顏色。 */
public static final int TEXT_COLOR = 0xff7fff00;
/** 進度百分比字體大小。 */
public static final int FONT_SIZE = 30;
private Bitmap bitmapBg, bitmapFg;
private Paint paint;
/** 標識當前進度。 */
private float progress;
/** 標識進度圖片的寬度與高度。 */
private int width, height;
/** 格式化輸出百分比。 */
private DecimalFormat decFormat;
/** 進度百分比文本的錨定Y中心坐標值。 */
private float txtBaseY;
/** 標識是否使用PorterDuff模式重組界面。 */
private boolean porterduffMode;
/** 標識是否正在下載圖片。 */
private boolean loading;

public PorterDuffView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs);
}

/** 生成一寬與背景圖片等同高為1像素的Bitmap，。 */
private static Bitmap createForegroundBitmap(int w) {
Bitmap bm = Bitmap.createBitmap(w, FG_HEIGHT, Bitmap.Config.ARGB_8888);
Canvas c = new Canvas(bm);
Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
p.setColor(FOREGROUND_COLOR);
c.drawRect(0, 0, w, FG_HEIGHT, p);
return bm;
}

private void init(Context context, AttributeSet attrs) {
if (attrs != null) {
TypedArray typedArr = context.obtainStyledAttributes(attrs,
R.styleable.PorterDuffView);
porterduffMode = typedArr.getBoolean(
R.styleable.PorterDuffView_porterduffMode, false);
}
Drawable drawable = getDrawable();
if (porterduffMode && drawable != null
&& drawable instanceof BitmapDrawable) {
bitmapBg = ((BitmapDrawable) drawable).getBitmap();
width = bitmapBg.getWidth();
height = bitmapBg.getHeight();
bitmapFg = createForegroundBitmap(width);//得到高度為1的紅色前景色
} else {
// 不符合要求，自動設置為false。
porterduffMode = false;
}

paint = new Paint();
paint.setFilterBitmap(false);
paint.setAntiAlias(true);
paint.setTextSize(FONT_SIZE);
Paint.FontMetrics fontMetrics = paint.getFontMetrics();
// 注意觀察本輸出：
// ascent:單個字符基線以上的推薦間距，為負數
Log.i(TAG, "ascent:" + fontMetrics.ascent//
// descent:單個字符基線以下的推薦間距，為正數
+ " descent:" + fontMetrics.descent //
// 單個字符基線以上的最大間距，為負數
+ " top:" + fontMetrics.top //
// 單個字符基線以下的最大間距，為正數
+ " bottom:" + fontMetrics.bottom//
// 文本行與行之間的推薦間距
+ " leading:" + fontMetrics.leading);
// 在此處直接計算出來，避免了在onDraw()處的重復計算
txtBaseY = (height - fontMetrics.bottom - fontMetrics.top) / 2;

decFormat = new DecimalFormat("0.0%");
}

public void onDraw(Canvas canvas) {
if (porterduffMode) {
int tmpW = (getWidth() - width) / 2, tmpH = (getHeight() - height) / 2;
// 畫出背景圖
canvas.drawBitmap(bitmapBg, tmpW, tmpH, paint);
// 設置PorterDuff模式
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DARKEN));
// canvas.drawBitmap(bitmapFg, tmpW, tmpH - progress * height,
// paint);
int tH = height - (int) (progress * height);
for (int i = 0; i < tH; i++) {
canvas.drawBitmap(bitmapFg, tmpW, tmpH + i, paint);
}

// 立即取消xfermode
paint.setXfermode(null);
int oriColor = paint.getColor();
paint.setColor(TEXT_COLOR);
paint.setTextSize(FONT_SIZE);
String tmp = decFormat.format(progress);
float tmpWidth = paint.measureText(tmp);
canvas.drawText(decFormat.format(progress), tmpW
+ (width - tmpWidth) / 2, tmpH + txtBaseY, paint);
// 恢復為初始值時的顏色
paint.setColor(oriColor);
} else {
Log.i(TAG, "onDraw super");
super.onDraw(canvas);
}
}

public void setProgress(float progress) {
if (porterduffMode) {
this.progress = progress;
// 刷新自身。
invalidate();
}
}

public boolean isLoading() {
return loading;
}

public void setLoading(boolean loading) {
this.loading = loading;
}

public void setPorterDuffMode(boolean bool) {
porterduffMode = bool;
}
}