自定义view、自定义圆形imageview

SelfView.class 

package com.bwie.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.TextView;

public class SelfView extends TextView {

    public SelfView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public SelfView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public SelfView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
    }

    @Override
    public void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        
        // 创建一个画笔
        Paint paint = new Paint();
        // 设置画笔的颜色为蓝绿色
        paint.setColor(Color.CYAN);
        // 设置画笔的字体大小
        paint.setTextSize(25);
        // 设置画笔的线条宽度
        paint.setStrokeWidth(20);
        
        // 画板为灰色
        canvas.drawColor(Color.GRAY);
        //画一条直线
        canvas.drawLine(20, 280, 280, 280, paint);//1.开始X 2.开始Y 3.结束X 4.结束Y. 5.画笔
        //画文字                                            
        canvas.drawText("我是被自定义出来的", 10, 250, paint);//1.显示文字 2.开始X 3.开始Y 4.画笔
        //画圆
        canvas.drawCircle(80, 80, 80, paint);//1.圆心X 2.圆心Y 3.半径 4.画笔
        super.onDraw(canvas);
        
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // TODO Auto-generated method stub
        setMeasuredDimension(300, 300);//设置画板大小
    }

}

xml

<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"
    tools:context=".MainActivity" >

   <com.bwie.view.SelfView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_centerInParent="true"
       />

</RelativeLayout>

 

 

自定义imageview

Circle.class

 

package com.bwie.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.PorterDuff.Mode;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
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;

public class Circle extends ImageView {

    public Circle(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public Circle(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public Circle(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        Drawable drawable = getDrawable();

        if (drawable == null) {
            return;
        }

        if (getWidth() == 0 || getHeight() == 0) {
            return;
        }

        // 获取图片，转化为Bitmap
        Bitmap b = ((BitmapDrawable) drawable).getBitmap();

        if (null == b) {
            return;
        }
        // 将图片转为32位ARGB位图，保证图片质量
        Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);
        // 将图片转为32位ARGB位图，保证图片质量
        int w = getWidth(), h = getHeight();
        // 通过getCroppedBitmap函数，返回一个圆形图片
        Bitmap roundBitmap = getCroppedBitmap(bitmap, w);
        // 在自定义的CircleImageEx上展现
        canvas.drawColor(Color.BLUE);
        canvas.drawBitmap(roundBitmap, 0, 0, null);
    }

    public static Bitmap getCroppedBitmap(Bitmap bmp, int radius) {
        Bitmap sbmp;
        // 判断图片的大小与传入radius是否相等，如果不相等，那么将图片设置成长 宽都是radius的图片
        if (bmp.getWidth() != radius || bmp.getHeight() != radius)
            sbmp = Bitmap.createScaledBitmap(bmp, radius, radius, false);
        else
            sbmp = bmp;
        // 最后输出的图片信息
        Bitmap output = Bitmap.createBitmap(sbmp.getWidth(), sbmp.getHeight(),
                Config.ARGB_8888);
        Canvas canvas = new Canvas(output);

        final int color = 0xffa19774;

        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, sbmp.getWidth(), sbmp.getHeight());
        // 画笔加上 抗锯齿标志，图像更加平滑
        paint.setAntiAlias(true);
        // 如果该项设置为true,则图像在动画进行中会滤掉对Bitmap图像的优化操作,加快显示
        paint.setFilterBitmap(true);
        // 防抖动
        paint.setDither(true);
        // 透明色
        canvas.drawARGB(0, 0, 0, 0);
        // 画笔的颜色
        paint.setColor(Color.parseColor("#BAB399"));
        // 画出一个圆形
        canvas.drawCircle(sbmp.getWidth() / 2 + 0.7f,
                sbmp.getHeight() / 2 + 0.7f, sbmp.getWidth() / 2 + 0.1f, paint);
        // 设置两张图片相交时的模式 ，就是在画布上遮上圆形的图片信息
        paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
        canvas.drawBitmap(sbmp, rect, rect, paint);

        return output;
    }

}

 

xml布局

<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"
    tools:context=".MainActivity" >

   <com.bwie.view.Circle
       android:id="@+id/image"
       android:layout_width="100dp"
       android:layout_height="100dp"
       android:src="@drawable/a"
       android:scaleType="centerInside"
       />

</RelativeLayout>

效果图

 

转载于:https://www.cnblogs.com/ldou/p/5369812.html