private void intView(Context context) {
mContext = context;
mPaint = new Paint();
mBitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.bg_bee_animation03);
initPaint ();
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mViewWidth = w;
mViewHeight = h;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawBitmap(mBitmap, mViewWidth / 2f - mBitmap.getWidth() / 2, mViewHeight / 2f - mBitmap.getHeight() / 2, mPaint);
}
/**
* 初始化 畫筆
*/
private void initPaint () {
// 實(shí)例化畫筆并打開抗鋸齒
//在繪制的時(shí)候由于是一個(gè)一個(gè)小像素點(diǎn)繪制拼接成的 所以繪制的圖會(huì)有小的鋸齒(特別是曲線) 故此 矩形的就不用設(shè)置了
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
//設(shè)置畫筆樣式為描邊
//1.Paint.Style.STROKE：描邊
//2.Paint.Style.FILL_AND_STROKE：描邊并填充
//3.Paint.Style.FILL：填充
mPaint.setStyle(Paint.Style.STROKE);
//設(shè)置畫筆顏色為紅色
mPaint.setColor(Color.RED);
//設(shè)置描邊的粗細(xì)，單位：像素px
//當(dāng)setStrokeWidth(0)的時(shí)候描邊寬度并不為0而是只占一個(gè)像素
mPaint.setStrokeWidth(10);
}
得到結(jié)果
圖片.png
設(shè)置ColorFilter3個(gè)子類
1, ColorMatrixFilter
/**
* 設(shè)置圖片矩陣
* 改變的是每個(gè)像素點(diǎn)的顏色
* 在initPaint()下面添加這個(gè)函數(shù)
*/
private void setColorMatrixFilter() {
ColorMatrix colorMatrix = new ColorMatrix(new float[]{
1.5F, 1.5F, 1.5F, 0, -1,
1.5F, 1.5F, 1.5F, 0, -1,
1.5F, 1.5F, 1.5F, 0, -1,
0, 0, 0, 1, 0,
});
mPaint.setColorFilter(new ColorMatrixColorFilter(colorMatrix));
}
圖片.png
2 ,LightingColorFilter 顧名思義光照顏色過濾
@Override
public boolean onTouchEvent(MotionEvent event) {
setLightingColorFilter(event);
return super.onTouchEvent(event);
}
/**
* 光照顏色過濾
* @param event
*/
private void setLightingColorFilter (MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
//將 mul -->變成add(顏色)
mPaint.setColorFilter(new LightingColorFilter(0xFFFFFFFF, 0X00FFFF00));
Log.e(TAG, "onTouchEvent: + ACTION_DOWN");
invalidate();
break;
case MotionEvent.ACTION_UP:
mPaint.setColorFilter(null);
Log.e(TAG, "onTouchEvent: ACTION_UP" );
invalidate();
break;
}
}
效果
正常效果
圖片.png
按下效果
圖片.png
可以看到都變成黃色了
3 PorterDuffColorFilter 不僅可以過濾顏色還可以設(shè)置模式
@Override
public boolean onTouchEvent(MotionEvent event) {
setPorterDuffColorFilter(event);
return super.onTouchEvent(event);
}
private void setPorterDuffColorFilter (MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
//一個(gè)是16進(jìn)制表示的顏色值 另一個(gè)是PorterDuff內(nèi)部類Mode中的一個(gè)常量值，這個(gè)值表示混合模式。
mPaint.setColorFilter(new PorterDuffColorFilter(Color.YELLOW, PorterDuff.Mode.DARKEN));
Log.e(TAG, "onTouchEvent: + ACTION_DOWN");
invalidate();
break;
case MotionEvent.ACTION_UP:
mPaint.setColorFilter(null);
Log.e(TAG, "onTouchEvent: ACTION_UP" );
invalidate();
break;
}
}
正常效果
圖片.png
點(diǎn)擊效果
圖片.png
mPaint.setColorFilter(new PorterDuffColorFilter(Color.YELLOW, PorterDuff.Mode.XOR));
圖片.png
和這個(gè)同理的還有一種
setXfermode設(shè)置模式方法 (圖像混合模式)這個(gè)就自行了解
關(guān)于 圖像的背景陰影設(shè)置 在pain中可以通過 setMaskFilter來設(shè)置
/**
* 初始化 畫筆
*/
private void initPaint () {
// 實(shí)例化畫筆并打開抗鋸齒
//在繪制的時(shí)候由于是一個(gè)一個(gè)小像素點(diǎn)繪制拼接成的 所以繪制的圖會(huì)有小的鋸齒(特別是曲線) 故此 矩形的就不用設(shè)置了
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
//設(shè)置畫筆樣式為描邊
//1.Paint.Style.STROKE：描邊
//2.Paint.Style.FILL_AND_STROKE：描邊并填充
//3.Paint.Style.FILL：填充
mPaint.setStyle(Paint.Style.FILL);
//設(shè)置畫筆顏色為紅色
mPaint.setColor(Color.RED);
//設(shè)置描邊的粗細(xì)，單位：像素px
//當(dāng)setStrokeWidth(0)的時(shí)候描邊寬度并不為0而是只占一個(gè)像素
mPaint.setStrokeWidth(10);
// setColorFilter ();
//添加
setLayerType(LAYER_TYPE_SOFTWARE, null);
mPaint.setMaskFilter(new BlurMaskFilter(20,BlurMaskFilter.Blur.OUTER));
}
結(jié)果
圖片.png
這個(gè)new BlurMaskFilter(20,BlurMaskFilter.Blur.OUTER) 中的 20 是設(shè)置陰影大小 后者是設(shè)置模式共有
SOLID，NORMAL,OUTER和INNER,NORMAL這4種
用這個(gè)BlurMaskFilter類設(shè)置自己繪制的圖還是很方便的 那么我們用來繪制圖片的陰影就不是很方便了
比如
圖片.png
這是原圖
圖片.png
換一個(gè)圖試一試
圖片.png
其實(shí)效果也不好
那么我們?cè)趺磳?shí)現(xiàn)圖片效果呢
/**
* 初始化 畫筆
*/
private void initPaint () {
// 實(shí)例化畫筆并打開抗鋸齒
//在繪制的時(shí)候由于是一個(gè)一個(gè)小像素點(diǎn)繪制拼接成的 所以繪制的圖會(huì)有小的鋸齒(特別是曲線) 故此 矩形的就不用設(shè)置了
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
//設(shè)置畫筆樣式為描邊
//1.Paint.Style.STROKE：描邊
//2.Paint.Style.FILL_AND_STROKE：描邊并填充
//3.Paint.Style.FILL：填充
mPaint.setStyle(Paint.Style.FILL);
//設(shè)置畫筆顏色為紅色
mPaint.setColor(Color.RED);
//設(shè)置描邊的粗細(xì)，單位：像素px
//當(dāng)setStrokeWidth(0)的時(shí)候描邊寬度并不為0而是只占一個(gè)像素
mPaint.setStrokeWidth(10);
// setColorFilter ();
//添加
setLayerType(LAYER_TYPE_SOFTWARE, null);
mPaint.setMaskFilter(new BlurMaskFilter(50,BlurMaskFilter.Blur.NORMAL));
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mViewWidth = w;
mViewHeight = h;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawColor(Color.YELLOW);
//生成只提取了原圖的alpha通道的新圖，也就是說新的bitmap只有alpha值，rgb值為0。
// 這個(gè)函數(shù)的作用是獲取原圖的輪廓，然后可以填充rgb值。因此可以實(shí)現(xiàn)陰影，影子，光暈等效果。
Bitmap shadowBitmap = mBitmap.extractAlpha();
canvas.drawBitmap(shadowBitmap,mViewWidth / 2f - mBitmap.getWidth() / 2, mViewHeight / 2f - mBitmap.getHeight() / 2, mPaint);
canvas.drawBitmap(mBitmap, mViewWidth / 2f - mBitmap.getWidth() / 2, mViewHeight / 2f - mBitmap.getHeight() / 2, null);
}
}
效果
圖片.png
