197
技術社區[雲棲]
android自定義帶倒影的ImageView控件
https://xiaolifan.iteye.com/blog/1258520
今天給大家帶來的是一個帶倒影的ImageView控件，實現方法很簡單，注釋裏麵寫的很詳細，部分代碼來自網絡，我稍加了修改：
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PorterDuffXfermode;
import android.graphics.Bitmap.Config;
import android.graphics.PorterDuff.Mode;
import android.graphics.Shader.TileMode;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.widget.ImageView;
public class ReflectImageView extends ImageView {
private Bitmap originalBitmap;
public ReflectImageView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ReflectImageView(Context context) {
this(context, null, 0);
}
public ReflectImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
DoReflection(((BitmapDrawable)getDrawable()).getBitmap());
}
@Override
public void setImageBitmap(Bitmap bm) {
DoReflection(bm);
}
/**顯示倒影效果的setImageBitmap函數*/
public void setImageBitmap(Bitmap bm,boolean isFlected) {
if (isFlected) {
super.setImageBitmap(bm);
}
}
@Override
public void setImageResource(int resId) {
originalBitmap = BitmapFactory.decodeResource(getResources(), resId);
DoReflection(originalBitmap);
}
private void DoReflection(Bitmap originalImage) {
// 原始圖片和反射圖片中間的間距
final int reflectionGap = 4;
int width = originalImage.getWidth();
int height = originalImage.getHeight();
// 反轉
Matrix matrix = new Matrix();
// 第一個參數為1表示x方向上以原比例為準保持不變，正數表示方向不變。
// 第二個參數為-1表示y方向上以原比例為準保持不變，負數表示方向取反。
matrix.preScale(1, -0.75f);
// reflectionImage就是下麵透明的那部分,可以設置它的高度為原始的3/4,這樣效果會更好些
Bitmap reflectionImage = Bitmap.createBitmap(originalImage, 0, 0, width, height, matrix, false);
// 創建一個新的bitmap,高度為原來的兩倍
Bitmap bitmap4Reflection = Bitmap.createBitmap(width, 2 * height, Config.ARGB_8888);
// 其寬*高 = width * (height + height * 3 / 4)
Canvas canvasRef = new Canvas(bitmap4Reflection);
// defaultPaint不能為null，否則會有空指針異常。
Paint deafaultPaint = new Paint();
deafaultPaint.setAntiAlias(true);
// 先畫原始的圖片
canvasRef.drawBitmap(originalImage, 0, 0, deafaultPaint);
// 畫間距
canvasRef.drawRect(0, height, width, height + reflectionGap, deafaultPaint);
// 畫被反轉以後的圖片
canvasRef.drawBitmap(reflectionImage, 0, height + reflectionGap, null);
// 創建一個漸變的蒙版放在下麵被反轉的圖片上麵
Paint paint = new Paint();
LinearGradient shader = new LinearGradient(200, originalImage.getHeight(), 10, bitmap4Reflection.getHeight()
+ reflectionGap, Color.argb(100, 0, 0, 0), Color.argb(100, 0, 0, 0), TileMode.CLAMP);
paint.setShader(shader);
// Set the Transfer mode to be porter duff and destination in
paint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
// 將蒙板畫上
canvasRef.drawRect(0, height, width, bitmap4Reflection.getHeight() + reflectionGap, paint);
// 調用ImageView中的setImageBitmap
this.setImageBitmap(bitmap4Reflection,true);
}
}
最後更新：2017-04-02 17:28:39