Android帶圓角的圖片

原文轉載
http://blog.csdn.net/lmj623565791/article/details/24555655

核心代碼分析:
/** 
 * 根據原圖和變長繪制圓形圖片 
 *  
 * @param source 
 * @param min 
 * @return 
 */  
private Bitmap createCircleImage(Bitmap source, int min)  
{  
    final Paint paint = new Paint();  
    paint.setAntiAlias(true);  
    Bitmap target = Bitmap.createBitmap(min, min, Config.ARGB_8888);  
    /** 
     * 產生一個同樣大小的畫布 
     */  
    Canvas canvas = new Canvas(target);  
    /** 
     * 首先繪制圓形 
     */  
    canvas.drawCircle(min / 2, min / 2, min / 2, paint);  
    /** 
     * 使用SRC_IN 
     */  
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));  
    /** 
     * 繪制圖片 
     */  
    canvas.drawBitmap(source, 0, 0, paint);  
    return target;  
} 

其實主要靠:
paint.setXfermode(newPorterDuffXfermode(PorterDuff.Mode.SRC_IN));這行代碼,為什么呢,我給大家解釋下,SRC_IN這種模式,兩個繪制的效果疊加后取交集展現后圖,怎么說呢,咱們第一個繪制的是個圓形,第二個繪制的是個Bitmap,于是交集為圓形,展現的是BItmap,就實現了圓形圖片效果。圓角,其實就是先繪制圓角矩形,是不是很簡單,以后別人再說實現圓角,你就把這一行代碼給他就行了

Android 顏色渲染 PorterDuff及Xfermode詳解
利用ProterBuff.Mode我們可以完成任意2D圖像測操作, 比如涂鴉畫板應用中的橡皮擦效果,繪制各種自定義的進度,等等很強大的效果,下面請看具體的介紹:

Xfermode有三個子類 :

**AvoidXfermode ** 指定了一個顏色和容差,強制Paint避免在它上面繪圖(或者只在它上面繪圖)。
**PixelXorXfermode **當覆蓋已有的顏色時,應用一個簡單的像素異或操作。
PorterDuffXfermode 這是一個非常強大的轉換模式,使用它,可以使用圖像合成的16條Porter-Duff規則的任意一條來控制Paint如何與已有的Canvas圖像進行交互。
要應用轉換模式,可以使用setXferMode方法,如下所示:
>AvoidXfermode avoid = new AvoidXfermode(Color.BLUE, 10, AvoidXfermode.Mode. AVOID); borderPen.setXfermode(avoid);

首先看一下效果圖


20130828212947609.jpg

從上面我們可以看到PorterDuff.Mode為枚舉類,一共有16個枚舉值:

1.PorterDuff.Mode.CLEAR **
所繪制不會提交到畫布上。
2.PorterDuff.Mode.SRC**
顯示上層繪制圖片3.PorterDuff.Mode.DST
顯示下層繪制圖片4.PorterDuff.Mode.SRC_OVER
正常繪制顯示,上下層繪制疊蓋。5.PorterDuff.Mode.DST_OVER
上下層都顯示。下層居上顯示。6.PorterDuff.Mode.SRC_IN
取兩層繪制交集。顯示上層。7.PorterDuff.Mode.DST_IN
取兩層繪制交集。顯示下層。8.PorterDuff.Mode.SRC_OUT
取上層繪制非交集部分。9.PorterDuff.Mode.DST_OUT
取下層繪制非交集部分。10.PorterDuff.Mode.SRC_ATOP
取下層非交集部分與上層交集部分11.PorterDuff.Mode.DST_ATOP
取上層非交集部分與下層交集部分12.PorterDuff.Mode.XOR
異或:去除兩圖層交集部分13.PorterDuff.Mode.DARKEN
取兩圖層全部區域,交集部分顏色加深14.PorterDuff.Mode.LIGHTEN
取兩圖層全部,點亮交集部分顏色15.PorterDuff.Mode.MULTIPLY
取兩圖層交集部分疊加后顏色16.PorterDuff.Mode.SCREEN
取兩圖層全部區域,交集部分變為透明色

問題1、如果我想實現圓形圖片,怎么實現?

答:先繪制我們的圖片,然后在上面繪制一個圓,最后生成的效果就是圓形圖片;等等,怎么就生成了,請看上面的SrcIn這種模式;
先繪制的Dst,然后設置DstIn,然后繪制Src;最后效果是留下了二者交集且是Dst的部分;下面我們把我們的答案帶進去。
先繪制圖片,然后設置DstIn,然后繪制圓形;最后效果是留下了二者交集且是圖片的部分;嗯,交集是什么,圓形;圓形內容是什么,圖片;搜噶,有點感覺了。
等等,我還有有個思路,先繪制圓形,然后設置SrcIn,再繪制我們的圖片;也能生成我們的圓形圖片。我們來看看:
SrcIn最終保留的依然是交集,但是顯示為后繪制的,也就是我們的圖片,搜噶,這樣也可以。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容