自定义圆角矩形图片/圆形图片

图片的圆形/圆角矩形的处理方式有很多，网上也有很多例子，最近项目比较清闲，就试着自己写了一个通用的图片处理，可以根据参数的不同自动生成原型图片或者圆角矩形图片的自定义view大致的效果如下图，两个view是同一个view的不同效果，只是在xml传入的参数不同，从而生成的相应的原型图片/圆角矩形图



1.自定义的view（

viewgroup_a名字是随便起的☺

）

package com.example.hp.viewgroup_a;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PixelXorXfermode;
import android.graphics.PorterDuff;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffColorFilter;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Xfermode;
import android.text.BoringLayout;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

import java.text.BreakIterator;
/**
* Created by hp on 2016/9/2.
*/
public class MyGroup extends View {
private int color;//外围边框的颜色
private String text;
private int textSize;
private Bitmap bt;//属性图片
private float rou;//圆角矩形的弧度
private String type;//0圆形图，1圆角矩形图
private int coloWid;//外围边框的宽度
public MyGroup(Context context) {
super(context);
}

public MyGroup(Context context, AttributeSet attrs) {
super(context, attrs);
//获取自定义的属性
 TypedArray typedArray=context.obtainStyledAttributes(attrs, R.styleable.vi);
color=typedArray.getColor(R.styleable.vi_colo, 0X00000000);
text=typedArray.getString(R.styleable.vi_tex);
textSize=typedArray.getDimensionPixelSize(R.styleable.vi_size, (int) getResources().getDimension(R.dimen.textSize));
coloWid=(int)typedArray.getDimension(R.styleable.vi_coloWid,getResources().getDimension(R.dimen.coloWi));
rou=typedArray.getDimension(R.styleable.vi_round,getResources().getDimension(R.dimen.roundCir));
type=typedArray.getString(R.styleable.vi_type);
 if (type==null|"".equals(type)){
type="0";//默认圆角
}
Log.i("type======",type);
int id=typedArray.getResourceId(R.styleable.vi_ground,R.mipmap.bb);
try {
bt= BitmapFactory.decodeResource(getResources(),id);
}
catch (Exception e){
bt=BitmapFactory.decodeResource(getResources(),R.mipmap.ic_launcher);
}
}

//-----------------------------------------------layout-----------------------------------------------------
@Override
public void layout(int l, int t, int r, int b) {
super.layout(l, t, r, b);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
}
//----------------------------draw--------------------------
fe2b
---------------------------

@Override

public void draw(Canvas canvas) {
super.draw(canvas);
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int stoWid=coloWid;
Paint p=new Paint();
p.setColor(Color.BLUE);
p.setAntiAlias(true);
//        RectF rectf=new RectF(0,0,canvas.getWidth(),canvas.getHeight());
Matrix matrix=new Matrix();
matrix.postScale((canvas.getWidth() *1f-stoWid-1) / bt.getWidth(), (1f * canvas.getHeight()-stoWid-1) / bt.getHeight());
Bitmap bitmap=Bitmap.createBitmap(bt,0,0,bt.getWidth(),bt.getHeight(),matrix,true);
Paint paint=new Paint();
paint.setColor(Color.BLUE);
paint.setAntiAlias(true);
paint.setDither(true);
Bitmap bt=Bitmap.createBitmap(bitmap.getWidth(),bitmap.getHeight(), Bitmap.Config.ARGB_8888);
Canvas can=new Canvas(bt);
RectF rectf=new RectF(0,0,can.getWidth(),can.getHeight());
if ("0".equals(type)){//圆形图
can.drawCircle(can.getWidth() / 2, can.getHeight() / 2, can.getWidth() / 2, paint);
}
else if("1".equals(type)){//圆角矩形
can.drawRoundRect(rectf, rou, rou, paint);
}
paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
RectF rectFF=new RectF(0,0,can.getWidth(),can.getHeight());
Rect re=new Rect(0,0,bitmap.getWidth(), bitmap.getHeight());
can.drawBitmap(bitmap, re, rectFF, paint);
p.setAntiAlias(true);
p.setDither(true);
p.setColor(color);
if ("0".equals(type)){//圆形图
canvas.drawCircle(canvas.getWidth() / 2, canvas.getHeight() / 2, canvas.getWidth() / 2, p);
}
else if ("1".equals(type)){//圆角矩形图
RectF round=new RectF(0,0,canvas.getWidth(),canvas.getHeight());
canvas.drawRoundRect(round, rou, rou, p);
}
Rect rec=new Rect(0,0,bt.getWidth(),bt.getHeight());
RectF rectF=new RectF(stoWid,stoWid,canvas.getWidth()-stoWid,canvas.getHeight()-stoWid);
canvas.drawBitmap(bt, rec, rectF, p);
//        canvas.drawBitmap(getRoundBitmap(bt, canvas), 0, 0, p);
}

public Bitmap getRoundBitmap(Bitmap bitmap,Canvas can){
Matrix matrix=new Matrix();
matrix.postScale((can.getWidth() * 1f) / bt.getWidth(), (1f * can.getHeight()) / bt.getHeight());
Bitmap bitt=Bitmap.createBitmap(bitmap,0,0,bitmap.getWidth(),bitmap.getHeight(),matrix,true);
Paint p=new Paint();
p.setAntiAlias(true);
p.setDither(true);
p.setColor(Color.BLUE);
Bitmap bt=Bitmap.createBitmap(bitt.getWidth(),bitt.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas=new Canvas(bt);
RectF rectf=new RectF(0,0,canvas.getWidth(),canvas.getHeight());
canvas.drawRoundRect(rectf,rou,rou,p);
p.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(bitt,0,0,p);
return bt;
}
@Override
protected void dispatchDraw(Canvas canvas) {
super.dispatchDraw(canvas);
}
//--------------------------------------------meanSure---------------------------
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int wid=MesuerWid(widthMeasureSpec);
int hei=MesuerHeight(heightMeasureSpec);
int size=wid>hei?hei:wid;
setMeasuredDimension(size,size);
Log.i("size==",""+size);
//        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
//测量view的实际宽度
private int MesuerHeight(int Meaheight){
int MinHeight=50;//最小高度
int spaseMode=MeasureSpec.getMode(Meaheight);//获取spceMode
int spaseSize=MeasureSpec.getSize(Meaheight);
if (MeasureSpec.AT_MOST==spaseMode){//控件可获得最大尺寸
MinHeight=spaseSize;
}
else if (MeasureSpec.EXACTLY==spaseMode){//精确尺寸
MinHeight=spaseSize;
}
Log.i("MinHeight===",""+MinHeight);

return MinHeight;
}
//测量view的实际kuandu
private int MesuerWid(int Meaheight){
int MinHeight=50;//最小高度
int spaseMode=MeasureSpec.getMode(Meaheight);//获取spceMode
int spaseSize=MeasureSpec.getSize(Meaheight);
if (MeasureSpec.AT_MOST==spaseMode){//控件可获得最大尺寸
MinHeight=spaseSize;
}
else if (MeasureSpec.EXACTLY==spaseMode){//精确尺寸
MinHeight=spaseSize;
}
Log.i("Minwid===",""+MinHeight);
return MinHeight;
}
}

2.用到的自定义的属性

<declare-styleable name="vi">
<attr name="colo" format="color"/>//边框的颜色
<attr name="tex" format="string"/>//显示的文字（该属性没有用处，并没有去绘制文字效果）
<attr name="size" format="dimension"/>//文字的字体大小（该属性没有效果）
<attr name="ground" format="reference"></attr>//ground是获取的我们要显示的图片的资源id，通过资源id转化为图片
 <attr name="coloWid" format="dimension"></attr>//外围边框的宽度
<attr name="type">
//0圆形图
<enum name="circle" value="0"></enum>
//1圆角矩形图
<enum name="rect" value="1"></enum>
</attr>
//圆角矩形的圆角度数
<attr name="round" format="dimension"></attr>//圆角矩形的弧度
<attr name="srcbackground">
<enum name="v_0" value="0"></enum>
<enum name="v_1" value="1"></enum>
<enum name="v_2"  value="2"></enum>
<enum name="v_3" value="3"></enum>
</attr>
</declare-styleable>

3.使用自定义的view（xml）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:group="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#c6d7c6"
tools:context="com.example.hp.viewgroup_a.MainActivity">
<com.example.hp.viewgroup_a.MyGroup
group:colo="#a57de9"
group:coloWid="2dp"
group:type="rect"
group:round="7dp"
group:ground="@mipmap/aa"
android:layout_centerInParent="true"
android:layout_width="90dp"
android:layout_height="180dp"
/>
<!--ground:图片资源的Id-->
<!--colo:外围框的颜色(值：color类型)-->
<!--coloWid:外围框的边距(值:dp)-->
<!--type:圆形图片或者圆角矩形图片（值emnu:circle或者rect）-->
<!--round:圆角矩形的弧度-->
<com.example.hp.viewgroup_a.MyGroup
group:colo="#a57de9"
group:coloWid="2dp"
group:type="circle"
group:round="7dp"
group:ground="@mipmap/bb"
android:layout_margin="20dp"
android:layout_alignParentTop="true"
android:layout_width="120dp"
android:layout_height="180dp"
/>
</RelativeLayout>

4.出来的效果大致就是之前图片的小姑