Android实现圆形图片
来源:互联网 发布:php小程序 编辑:程序博客网 时间:2024/05/16 05:27
废话不多说,先上效果图:
布局文件:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:define="http://schemas.android.com/apk/res/com.example.circleview" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/dark" tools:context=".MainActivity" > <com.example.circleview.CircleImageView android:layout_height="160dp" android:layout_width="160dp" android:layout_centerInParent="true" android:src="@drawable/beautiful" define:border_width="2dp" define:border_color="@color/middlered"/></RelativeLayout>
这个com.example.circleview.CircleImageView 就是一个自定义控件了
实现方式 JAVA代码
package com.example.circleview;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Bitmap;import android.graphics.BitmapShader;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Matrix;import android.graphics.Paint;import android.graphics.RectF;import android.graphics.Shader;import android.graphics.drawable.BitmapDrawable;import android.graphics.drawable.ColorDrawable;import android.graphics.drawable.Drawable;import android.util.AttributeSet;import android.widget.ImageView;public class CircleImageView extends ImageView {/** * 图片尺寸及质量 */private static final int COLORDRAWABLE_DIMENSION = 1;private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARGB_8888;/** * 圆形图片填充类型 */private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP;/** * 默认边框的大小和颜色 */private static final int DEFAULT_BORDER_WIDTH = 0;private static final int DEFAULT_BORDER_COLOR = Color.WHITE;/** * 实际边框的大小和颜色 */private int mBorderWidth;private int mBorderColor;/** * 图片渲染方式 */private BitmapShader mBitmapShader;private Paint mBitmapPaint = new Paint();private Paint mBorderPaint = new Paint();/** * 要绘制的图片以及自身宽高 */private Bitmap mBitmap;private int mBitmapHeight;private int mBitmapWidth;private RectF mBorderRect = new RectF();private float mBorderRadius;private RectF mDrawableRect = new RectF();private float mDrawableRadius;private Matrix mShaderMatrix = new Matrix();private boolean mReady;private boolean mSetupPending;public CircleImageView(Context context) {super(context);}public CircleImageView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public CircleImageView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);super.setScaleType(SCALE_TYPE);TypedArray arr = context.obtainStyledAttributes(attrs,R.styleable.CircleImageView, defStyle, 0);mBorderWidth = arr.getDimensionPixelSize(R.styleable.CircleImageView_border_width, DEFAULT_BORDER_WIDTH);mBorderColor = arr.getColor(R.styleable.CircleImageView_border_color,DEFAULT_BORDER_COLOR);arr.recycle();mReady = true;if (mSetupPending) {setup();mSetupPending = false;}}@Overridepublic ScaleType getScaleType() {return SCALE_TYPE;}@Overridepublic void setScaleType(ScaleType scaleType) {if (scaleType != SCALE_TYPE) {throw new IllegalArgumentException(String.format("ScaleType %s not supported.", scaleType));}}@Overrideprotected void onDraw(Canvas canvas) {if (getDrawable() == null) {return;}canvas.drawCircle(getWidth() / 2, getHeight() / 2, mDrawableRadius,mBitmapPaint);canvas.drawCircle(getWidth() / 2, getHeight() / 2, mBorderRadius,mBorderPaint);}@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {super.onSizeChanged(w, h, oldw, oldh);setup();}@Overridepublic void setImageBitmap(Bitmap bm) {super.setImageBitmap(bm);mBitmap = bm;setup();}@Overridepublic void setImageDrawable(Drawable drawable) {super.setImageDrawable(drawable);mBitmap = getBitmapFromDrawable(drawable);setup();}@Overridepublic void setImageResource(int resId) {super.setImageResource(resId);mBitmap = getBitmapFromDrawable(getDrawable());setup();}private Bitmap getBitmapFromDrawable(Drawable drawable) {if (drawable == null) {return null;}if (drawable instanceof BitmapDrawable) {return ((BitmapDrawable) drawable).getBitmap();}try {Bitmap bitmap;if (drawable instanceof ColorDrawable) {bitmap = Bitmap.createBitmap(COLORDRAWABLE_DIMENSION,COLORDRAWABLE_DIMENSION, BITMAP_CONFIG);} else {bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight(), BITMAP_CONFIG);}Canvas canvas = new Canvas(bitmap);drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());drawable.draw(canvas);return bitmap;} catch (OutOfMemoryError e) {return null;}}public void setBorderColor(int borderColor) {if (borderColor == mBorderColor) {return;}mBorderColor = borderColor;mBorderPaint.setColor(mBorderColor);invalidate();}public int getBorderWidth() {return mBorderWidth;}public void setBorderWidth(int borderWidth) {if (borderWidth == mBorderWidth) {return;}mBorderWidth = borderWidth;setup();}private void setup() {if (!mReady) {mSetupPending = true;return;}if (mBitmap == null) {return;}mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP,Shader.TileMode.CLAMP);mBitmapPaint.setAntiAlias(true); // 是否有锯齿mBitmapPaint.setShader(mBitmapShader);mBitmapHeight = mBitmap.getHeight();mBitmapWidth = mBitmap.getWidth();mBorderPaint.setStyle(Paint.Style.STROKE);mBorderPaint.setAntiAlias(true);mBorderPaint.setColor(mBorderColor);mBorderPaint.setStrokeWidth(mBorderWidth);mBorderRect.set(0, 0, getWidth(), getHeight());mBorderRadius = Math.min((mBorderRect.height() - mBorderWidth) / 2,(mBorderRect.width() - mBorderWidth) / 2);mDrawableRect.set(mBorderWidth, mBorderWidth, mBorderRect.width()- mBorderWidth, mBorderRect.height() - mBorderWidth);mDrawableRadius = Math.min(mDrawableRect.height() / 2,mDrawableRect.width() / 2);updateShaderMatrix();invalidate();}private void updateShaderMatrix() {float scale;float dx = 0;float dy = 0;mShaderMatrix.set(null);if (mBitmapWidth * mDrawableRect.height() > mDrawableRect.width()* mBitmapHeight) {scale = mDrawableRect.height() / (float) mBitmapHeight;dx = (mDrawableRect.width() - mBitmapWidth * scale) * 0.5f;} else {scale = mDrawableRect.width() / (float) mBitmapWidth;dy = (mDrawableRect.height() - mBitmapHeight * scale) * 0.5f;}mShaderMatrix.setScale(scale, scale);mShaderMatrix.postTranslate((int) (dx + 0.5f) + mBorderWidth,(int) (dy + 0.5f) + mBorderWidth);mBitmapShader.setLocalMatrix(mShaderMatrix);}}
源码下载地址:点击打开链接
0 1
- Android实现圆形图片
- Android实现圆形图片
- Android实现圆形图片
- Android 实现圆形图片
- android 自定义圆形图片实现
- Android实现圆形的图片边角
- Android实现图片剪切圆形效果
- Android ImageView实现圆角,圆形图片
- android自定义ImageView实现圆形图片
- android 圆形图片多种实现方式
- Android实现圆形圆角图片
- android 自定义ImageView实现圆形压缩图片
- Xamarin Android Circle ImageView 圆形图片实现
- Android BitmapShader 实现圆形、圆角图片
- android两种方式实现圆形图片
- android实现设置圆形图片(一)
- Android自定义ImageView实现圆形图片
- android实现图片圆角和圆形
- 浏览器兼容
- 在腾讯的第一堂产品课
- 第16周项目1—数组的排序
- 帆软报表最新版FineReport7.1.1发布
- Redis 在windows和linux中的安装和应用.
- Android实现圆形图片
- 做seo必须具备的几点
- 第16周项目2-用指针玩字符串(字符串连接)
- java的异常处理
- php 求两数相除的整数和余数(模)
- 美工做适配图片都要多大的?
- Java内存分配的原理详解
- I - Doing Homework again
- Transformer入门教程(八)时间维度