Android 自訂View (三)

標籤：

人的一生就像一篇文章，只有經過多次精心修改，才能不斷完善。

本講內容：ColorFilter 顏色過濾類（繼上一講進一步深入瞭解自訂View）

上一講我們講解了ColorMatrixColorFilter類

一、LightingColorFilter光照顏色過濾類（該類有且只有一個構造方法：）

LightingColorFilter (int mul, int add)  

mul全稱是colorMultiply意為色彩倍增，add全稱是colorAdd意為色彩添加，這兩個值都是16進位的色彩值0xAARRGGBB

樣本一：圖片去掉綠色（會發現原來偏綠的部分成了紅色，這涉及到色彩知識）

下面是自訂CustomTitleView.java檔案：

public class CustomView extends View {private Paint mPaint;// 畫筆// 上下文環境引用 就是一個裝滿資訊的信使，Android需要它從裡面擷取需要的資訊。private Context mContext;private Bitmap bitmap;// 位元影像  private int x,y;// 位元影像繪製時左上方的起點座標public CustomView(Context context) {super(context, null);}public CustomView(Context context, AttributeSet attrs) {super(context, attrs);this.mContext = context;initPaint();// 初始化畫筆initRes(context);//初始化資源}//初始化資源 private void initRes(Context context) {// 擷取位元影像  bitmap=BitmapFactory.decodeResource(context.getResources(), R.drawable.p); /*          * 計算位元影像繪製時左上方的座標使其位於螢幕中心          * 螢幕座標x軸向左位移位元影像一半的寬度          * 螢幕座標y軸向上位移位元影像一半的高度          */  x=MeasureUtil.getScreenSize((Activity)mContext)[0]/2-bitmap.getWidth()/2;y = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2 - bitmap.getHeight() / 2;  }// 初始化畫筆private void initPaint() {// 執行個體化畫筆並開啟消除鋸齒mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);//設定顏色過濾mPaint.setColorFilter(new LightingColorFilter(0xFFFF00FF, 0x00000000));}protected void onDraw(Canvas canvas) {super.onDraw(canvas);// 繪製位元影像 從資源擷取一個Bitmap繪製在畫布上canvas.drawBitmap(bitmap, x, y,mPaint);}}

LightingColorFilter(0xFFFFFFFF, 0x00000000)的時候原圖是不會有任何改變的，如果我們想增加紅色的值，那麼LightingColorFilter(0xFFFFFFFF, 0x00XX0000)就好，其中XX取值為00至FF。

樣本二：一個灰色的矩形，我們點擊後讓它變成黃色

     
下面是自訂CustomTitleView.java檔案：

public class CustomView extends View {private Paint mPaint;// 畫筆private Context mContext;// 上下文環境引用 private Bitmap bitmap;// 位元影像  private int x,y;// 位元影像繪製時左上方的起點座標private boolean isClick;// 用來標識控制項是否被點擊過  public CustomView(Context context) {super(context, null);}public CustomView(Context context, AttributeSet attrs) {super(context, attrs);this.mContext = context;initPaint();// 初始化畫筆initRes(context);//初始化資源setOnClickListener(new OnClickListener() {public void onClick(View arg0) {//判斷控制項是否被點擊過 if(isClick){//當我們不想要顏色過濾的效果時，setColorFilter(null)並重繪視圖即可！// 如果已經被點擊了則點擊時設定顏色過濾為空白還原本色 mPaint.setColorFilter(null);isClick=false;}else{// 如果未被點擊則點擊時設定顏色過濾後為黃色mPaint.setColorFilter(new LightingColorFilter(0xFFFFFFFF, 0X00FFFF00))isClick=true;}// 記得重繪                  invalidate();  }});}//初始化資源 private void initRes(Context context) {// 擷取位元影像  bitmap=BitmapFactory.decodeResource(context.getResources(), R.drawable.g); /*          * 計算位元影像繪製時左上方的座標使其位於螢幕中心          * 螢幕座標x軸向左位移位元影像一半的寬度          * 螢幕座標y軸向上位移位元影像一半的高度          */  x=MeasureUtil.getScreenSize((Activity)mContext)[0]/2-bitmap.getWidth()/2;y = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2 - bitmap.getHeight() / 2;  }// 初始化畫筆private void initPaint() {// 執行個體化畫筆並開啟消除鋸齒mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);}protected void onDraw(Canvas canvas) {super.onDraw(canvas);// 繪製位元影像 從資源擷取一個Bitmap繪製在畫布上canvas.drawBitmap(bitmap, x, y,mPaint);}}

二、PorterDuffColorFilter類（只有一個構造方法：）

PorterDuffColorFilter(int color, PorterDuff.Mode mode)  

一個是16進位表示的顏色值，而另一個是PorterDuff內部類Mode中的一個常量值，這個值表示混合模式（混合混合必定是有兩種東西混才行）。第一種就是我們設定的color值而第二種是我們畫布上的元素了！

樣本三：把Color的值設為藍色，而模式設為PorterDuff.Mode.DARKEN變暗：

變暗了也變藍了（類似於PS中倆張圖片，底面是藍色圖片，上面是我們的圖片）…這就是PorterDuff.Mode.DARKEN模式的效果（也有其它的模式）PorterDuff.Mode中的模式不僅僅是應用於映像色彩混合，還應用於圖形混合，比如PorterDuff.Mode.DST_OUT就表示裁剪混合圖

下面是自訂CustomTitleView.java檔案：

public class CustomView extends View {private Paint mPaint;// 畫筆private Context mContext;// 上下文環境引用 private Bitmap bitmap;// 位元影像  private int x,y;// 位元影像繪製時左上方的起點座標public CustomView(Context context) {super(context, null);}public CustomView(Context context, AttributeSet attrs) {super(context, attrs);this.mContext = context;initPaint();// 初始化畫筆initRes(context);//初始化資源}//初始化資源 private void initRes(Context context) {// 擷取位元影像  bitmap=BitmapFactory.decodeResource(context.getResources(), R.drawable.p); /*          * 計算位元影像繪製時左上方的座標使其位於螢幕中心          * 螢幕座標x軸向左位移位元影像一半的寬度          * 螢幕座標y軸向上位移位元影像一半的高度          */  x=MeasureUtil.getScreenSize((Activity)mContext)[0]/2-bitmap.getWidth()/2;y = MeasureUtil.getScreenSize((Activity) mContext)[1] / 2 - bitmap.getHeight() / 2;  }// 初始化畫筆private void initPaint() {// 執行個體化畫筆並開啟消除鋸齒mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);// 設定顏色過濾 mPaint.setColorFilter(new PorterDuffColorFilter(Color.BLUE, PorterDuff.Mode.DARKEN));}protected void onDraw(Canvas canvas) {super.onDraw(canvas);// 繪製位元影像 從資源擷取一個Bitmap繪製在畫布上canvas.drawBitmap(bitmap, x, y,mPaint);}}

Take your time and enjoy it 路過的、學習過的請留個言，頂個唄～～

Android 自訂View (三)