Android ImageView 圖片圓角顯示(轉載)

標籤：des   android   style   blog   http   ar   color   os   使用   

轉載自：http://www.w2bc.com/Article/3623

android中的ImageView只能顯示矩形的圖片，這樣一來不能滿足我們其他的需求，比如要顯示圓形的圖片，這個時候，我們就需要自訂ImageView了，其原理就是首先擷取到圖片的Bitmap，然後進行裁剪圓形的bitmap，然後在onDraw（）進行繪製圓形圖片輸出。

自訂的圓形的ImageView類的實現代碼如下：

package com.rainwii.entity;//包名import android.content.Context;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.PorterDuff.Mode;import android.graphics.PorterDuffXfermode;import android.graphics.Rect;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.Drawable;import android.util.AttributeSet;import android.widget.ImageView;/** * * 自訂的圓形ImageView，可以直接當組件在布局中使用。 *  * @author caizhiming * */public class XCRoundImageView extends ImageView {    private Paint paint;    public XCRoundImageView(Context context) {        this(context, null);    }    public XCRoundImageView(Context context, AttributeSet attrs) {        this(context, attrs, 0);    }    public XCRoundImageView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        paint = new Paint();    }    /**     * * 繪製圓形圖片     *      * @author caizhiming     */    @Override    protected void onDraw(Canvas canvas) {        Drawable drawable = getDrawable();        if (null != drawable) {            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();            Bitmap b = getCircleBitmap(bitmap, 14);            final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight());            final Rect rectDest = new Rect(0, 0, getWidth(), getHeight());            paint.reset();            canvas.drawBitmap(b, rectSrc, rectDest, paint);        } else {            super.onDraw(canvas);        }    }    /**     * * 擷取圓形圖片方法     *      * @param bitmap     * @param pixels     * @return Bitmap     * @author caizhiming     */    private Bitmap getCircleBitmap(Bitmap bitmap, int pixels) {        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),                bitmap.getHeight(), Config.ARGB_8888);        Canvas canvas = new Canvas(output);        final int color = 0xff424242;        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());        paint.setAntiAlias(true);        canvas.drawARGB(0, 0, 0, 0);        paint.setColor(color);        int x = bitmap.getWidth();        canvas.drawCircle(x / 2, x / 2, x / 2, paint);        paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));        canvas.drawBitmap(bitmap, rect, rect, paint);        return output;    }}

完成這個自訂類後，就可以使用這個類了，就是把這個當組件在布局中使用即可，比如：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" >    <com.rainwii.entity.XCRoundImageView       android:id="@+id/roundImageView" 
　　　　android:layout_centerInParent="true"
 　　　 android:layout_width="200dp" 
　　　　android:layout_height="200dp" 
　　　　android:src="@drawable/roundimageview"          /></RelativeLayout>

補充學員資料：http://my.oschina.net/sammy1990/blog/316400

                    http://blog.csdn.net/lmj623565791/article/details/24555655

Android ImageView 圖片圓角顯示(轉載)