Android development of custom rounded rectangle picture ImageView implementation

Android ImageView can only display the picture of the rectangle, so that does not meet our other needs, such as to show the picture of the rounded rectangle, this time, we need to customize the ImageView, the principle is to first get to the image of the bitmap, It then trims the bitmap of the corresponding rounded rectangle and then draws the rounded rectangle picture output in OnDraw ().

As follows:

The implementation code for the custom circular ImageView class is as follows:

Package Com.xc.xcskin.view;import Android.content.context;import android.graphics.bitmap;import Android.graphics.bitmap.config;import Android.graphics.canvas;import Android.graphics.paint;import Android.graphics.rectf;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;/** * Custom Rounded Rectangle ImageView that can be used directly when the component is in the layout. * @author caizhiming **/ Public classXcroundrectimageview extends imageview{PrivatePaint paint;  PublicXcroundrectimageview (Context context) { This(Context,NULL); }         PublicXcroundrectimageview (Context context, AttributeSet attrs) { This(Context, Attrs,0); }         PublicXcroundrectimageview (context context, AttributeSet attrs,intDefstyle)         {Super (context, attrs, Defstyle); Paint=NewPaint (); }        /** * Draw Rounded Rectangle picture * @author caizhiming*/@Overrideprotected voidOnDraw (canvas canvas) {drawable drawable=getdrawable (); if(NULL!=drawable) {Bitmap Bitmap=((bitmapdrawable) drawable). Getbitmap (); Bitmap b= Getroundbitmap (Bitmap, -); Final Rect rectsrc=NewRect (0,0, B.getwidth (), B.getheight ()); Final Rect rectdest=NewRect (0,0, GetWidth (), getheight ());              Paint.reset ();            Canvas.drawbitmap (b, Rectsrc, rectdest, paint); } Else{super.ondraw (canvas); }      }        /** * Get Rounded Rectangle picture method * @param bitmap * @param roundpx, generally set to * @return Bitmap * @author caizhiming */    PrivateBitmap Getroundbitmap (Bitmap Bitmap,introundpx) {Bitmap Output=Bitmap.createbitmap (Bitmap.getwidth (), Bitmap.getheight (), config.argb_8888); Canvas Canvas=NewCanvas (output); Finalintcolor =0xff424242; Final rect rect=NewRect (0,0, Bitmap.getwidth (), Bitmap.getheight ()); Final RECTF RECTF=NewRECTF (rect); Paint.setantialias (true); Canvas.drawargb (0,0,0,0);          Paint.setcolor (color); intx =bitmap.getwidth ();        Canvas.drawroundrect (RECTF, ROUNDPX, ROUNDPX, paint); Paint.setxfermode (NewPorterduffxfermode (mode.src_in));          Canvas.drawbitmap (Bitmap, rect, rect, paint); returnoutput; }  }

Once you have completed this custom class, you can use this class as a component in the layout, such as:

<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.xc.xcskin.view.XCRoundRectImageView Android:id="@+id/roundrectimageview"android:layout_centerinparent="true"Android:layout_width="200DP"Android:layout_height="200DP"android:src="@drawable/roundimageview"/></relativelayout>

Android development of custom rounded rectangle picture ImageView implementation