圆形的头像

来源:互联网 发布:2016年企业贷款数据 编辑:程序博客网 时间:2024/04/28 19:18


方式1,这样的写法没有定义原形图的边框和边框颜色


package com.pc.jiyuan.flashpage;import android.app.Activity;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.os.Bundle;import android.widget.ImageView;import com.zhy.view.RoundImageDrawable;public class RoundImageDrawableActivity extends Activity{@Overrideprotected void onCreate(Bundle savedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);Bitmap bitmap = BitmapFactory.decodeResource(getResources(),R.drawable.mv);ImageView iv = (ImageView) findViewById(R.id.id_one);iv.setImageDrawable(new RoundImageDrawable(bitmap));iv = (ImageView) findViewById(R.id.id_two);iv.setImageDrawable(new RoundImageDrawable(bitmap));}}

工具类


package com.pc.jiyuan.flashpage;import android.graphics.Bitmap;import android.graphics.BitmapShader;import android.graphics.Canvas;import android.graphics.ColorFilter;import android.graphics.Paint;import android.graphics.PixelFormat;import android.graphics.RectF;import android.graphics.Shader.TileMode;import android.graphics.drawable.Drawable;public class RoundImageDrawable extends Drawable{private Paint mPaint;private Bitmap mBitmap;private RectF rectF;public RoundImageDrawable(Bitmap bitmap){mBitmap = bitmap;BitmapShader bitmapShader = new BitmapShader(bitmap, TileMode.CLAMP,TileMode.CLAMP);mPaint = new Paint();mPaint.setAntiAlias(true);mPaint.setShader(bitmapShader);}@Overridepublic void setBounds(int left, int top, int right, int bottom){super.setBounds(left, top, right, bottom);rectF = new RectF(left, top, right, bottom);}@Overridepublic void draw(Canvas canvas){canvas.drawRoundRect(rectF, 30, 30, mPaint);}@Overridepublic int getIntrinsicWidth(){return mBitmap.getWidth();}@Overridepublic int getIntrinsicHeight(){return mBitmap.getHeight();}@Overridepublic void setAlpha(int alpha){mPaint.setAlpha(alpha);}@Overridepublic void setColorFilter(ColorFilter cf){mPaint.setColorFilter(cf);}@Overridepublic int getOpacity(){return PixelFormat.TRANSLUCENT;}}


第二种写法是在

xml文件中


<自定义文件的包名加类名

。。。。




示例代码:


MainActivcity


import android.os.Bundle;import android.support.design.widget.FloatingActionButton;import android.support.design.widget.Snackbar;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.Toolbar;import android.view.View;import android.view.Menu;import android.view.MenuItem;public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }}


工具类

/** * Created by Administrator on 2016/4/27 0027. */import android.content.Context;import android.content.res.TypedArray;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.graphics.drawable.NinePatchDrawable;import android.util.AttributeSet;import android.util.Log;import android.widget.ImageView;/** * 圆形ImageView,可设置最多两个宽度不同且颜色不同的圆形边框。 * 设置颜色在xml布局文件中由自定义属性配置参数指定 */public class RoundImageView extends ImageView {        private int mBorderThickness = 0;        private Context mContext;        private int defaultColor = 0xFFFFFFFF;        // 如果只有其中一个有值,则只画一个圆形边框        private int mBorderOutsideColor = 0;        private int mBorderInsideColor = 0;        // 控件默认长、宽        private int defaultWidth = 0;        private int defaultHeight = 0;        public RoundImageView(Context context) {                super(context);                mContext = context;        }        public RoundImageView(Context context, AttributeSet attrs) {                super(context, attrs);                mContext = context;                setCustomAttributes(attrs);        }        public RoundImageView(Context context, AttributeSet attrs, int defStyle) {                super(context, attrs, defStyle);                mContext = context;                setCustomAttributes(attrs);        }        private void setCustomAttributes(AttributeSet attrs) {                TypedArray a = mContext.obtainStyledAttributes(attrs,R.styleable.roundedimageview);                mBorderThickness = a.getDimensionPixelSize(R.styleable.roundedimageview_border_thickness, 0);                mBorderOutsideColor = a.getColor(R.styleable.roundedimageview_border_outside_color,defaultColor);                mBorderInsideColor = a.getColor(R.styleable.roundedimageview_border_inside_color, defaultColor);        }        @Override        protected void onDraw(Canvas canvas) {                Drawable drawable = getDrawable() ;                if (drawable == null) {                        return;                }                if (getWidth() == 0 || getHeight() == 0) {                        return;                }                this.measure(0, 0);                if (drawable.getClass() == NinePatchDrawable.class)                        return;                Bitmap b = ((BitmapDrawable) drawable).getBitmap();                Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);                if (defaultWidth == 0) {                        defaultWidth = getWidth();                }                if (defaultHeight == 0) {                        defaultHeight = getHeight();                }                int radius = 0;                if (mBorderInsideColor != defaultColor && mBorderOutsideColor != defaultColor) {// 定义画两个边框,分别为外圆边框和内圆边框                        radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - 2 * mBorderThickness;                        // 画内圆                        drawCircleBorder(canvas, radius + mBorderThickness / 2,mBorderInsideColor);                        // 画外圆                        drawCircleBorder(canvas, radius + mBorderThickness + mBorderThickness / 2, mBorderOutsideColor);                } else if (mBorderInsideColor != defaultColor && mBorderOutsideColor == defaultColor) {// 定义画一个边框                        radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - mBorderThickness;                        drawCircleBorder(canvas, radius + mBorderThickness / 2, mBorderInsideColor);                } else if (mBorderInsideColor == defaultColor && mBorderOutsideColor != defaultColor) {// 定义画一个边框                        radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - mBorderThickness;                        drawCircleBorder(canvas, radius + mBorderThickness / 2, mBorderOutsideColor);                } else {// 没有边框                        radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2;                }                Bitmap roundBitmap = getCroppedRoundBitmap(bitmap, radius);                canvas.drawBitmap(roundBitmap, defaultWidth / 2 - radius, defaultHeight / 2 - radius, null);        }        /**         * 获取裁剪后的圆形图片         * @param         */        public Bitmap getCroppedRoundBitmap(Bitmap bmp, int radius) {                Bitmap scaledSrcBmp;                int diameter = radius * 2;                // 为了防止宽高不相等,造成圆形图片变形,因此截取长方形中处于中间位置最大的正方形图片                int bmpWidth = bmp.getWidth();                int bmpHeight = bmp.getHeight();                int squareWidth = 0, squareHeight = 0;                int x = 0, y = 0;                Bitmap squareBitmap;                if (bmpHeight > bmpWidth) {// 高大于宽                        squareWidth = squareHeight = bmpWidth;                        x = 0;                        y = (bmpHeight - bmpWidth) / 2;                        // 截取正方形图片                        squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth, squareHeight);                } else if (bmpHeight < bmpWidth) {// 宽大于高                        squareWidth = squareHeight = bmpHeight;                        x = (bmpWidth - bmpHeight) / 2;                        y = 0;                        squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth,squareHeight);                } else {                        squareBitmap = bmp;                }                if (squareBitmap.getWidth() != diameter || squareBitmap.getHeight() != diameter) {                        scaledSrcBmp = Bitmap.createScaledBitmap(squareBitmap, diameter,diameter, true);                } else {                        scaledSrcBmp = squareBitmap;                }                Bitmap output = Bitmap.createBitmap(scaledSrcBmp.getWidth(),                        scaledSrcBmp.getHeight(),                        Config.ARGB_8888);                Canvas canvas = new Canvas(output);                Paint paint = new Paint();                Rect rect = new Rect(0, 0, scaledSrcBmp.getWidth(),scaledSrcBmp.getHeight());                paint.setAntiAlias(true);                paint.setFilterBitmap(true);                paint.setDither(true);                canvas.drawARGB(0, 0, 0, 0);                canvas.drawCircle(scaledSrcBmp.getWidth() / 2,                        scaledSrcBmp.getHeight() / 2,                        scaledSrcBmp.getWidth() / 2,                        paint);                paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));                canvas.drawBitmap(scaledSrcBmp, rect, rect, paint);                bmp = null;                squareBitmap = null;                scaledSrcBmp = null;                return output;        }        /**         * 边缘画圆         */        private void drawCircleBorder(Canvas canvas, int radius, int color) {                Paint paint = new Paint();        /* 去锯齿 */                paint.setAntiAlias(true);                paint.setFilterBitmap(true);                paint.setDither(true);                paint.setColor(color);        /* 设置paint的 style 为STROKE:空心 */                paint.setStyle(Paint.Style.STROKE);        /* 设置paint的外框宽度 */                paint.setStrokeWidth(mBorderThickness);                canvas.drawCircle(defaultWidth / 2, defaultHeight / 2, radius, paint);        }}

在Values中创建attr.xml文件

<?xml version="1.0" encoding="utf-8"?><resources>    <declare-styleable name="roundedimageview">        <attr name="border_thickness" format="dimension" />        <attr name="border_inside_color" format="color" />        <attr name="border_outside_color" format="color"></attr>    </declare-styleable></resources>  


主xml文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    xmlns:imagecontrol="http://schemas.android.com/apk/res-auto"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="horizontal"    >    <!-- 没有指定圆形ImageView属性时,默认没有外边圆颜色 -->    <!-- 需要将图片资源自定为src ,或在程序中setImageResource(res) 不能设置background为图片,这样不能达到圆形效果-->    <com.example.administrator.myapplication.RoundImageView        android:layout_width="100dp"        android:layout_height="100dp"        android:src="@drawable/img"        />    <!-- border_outside_color 外部圆圈的颜色 -->    <!-- border_inside_color 内部部圆圈的颜色 -->    <!-- border_thickness 外圆和内圆的宽度 -->    <com.example.administrator.myapplication.RoundImageView        android:layout_width="100dp"        android:layout_height="100dp"        android:src="@drawable/img"        imagecontrol:border_inside_color="#bc0978"        imagecontrol:border_outside_color="#ba3456"        imagecontrol:border_thickness="1dp"        /></LinearLayout>  

总结 :


第二种写法比较常见,第一种方法也可以实现效果,代码量要少些,看个人情况去选择


0 0
原创粉丝点击