Android圆形图片和圆角图片的绘制
2017-02-21 18:06
211 查看
转载请标明出处:http://blog.csdn.NET/lmj623565791/article/details/24555655
////////圆角图片绘制
FROM GA_studio http://blog.csdn.net/tianjian4592
//////////drawBitmap讲解
自定义ImageView
activity_main.xml文件:
res/attrs文件
代码下载地址:
http://download.csdn.net/detail/lmj623565791/7269005
////////圆角图片绘制
FROM GA_studio http://blog.csdn.net/tianjian4592
//////////drawBitmap讲解
自定义ImageView
import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.PorterDuff; import android.graphics.PorterDuffXfermode; import android.graphics.RectF; import android.graphics.Bitmap.Config; import android.util.AttributeSet; import android.util.Log; import android.util.TypedValue; import android.view.View; import android.view.View.MeasureSpec; import com.aynu.circleimageview.R; /** * * @author zhy * */ public class CustomImageView extends View { /** * TYPE_CIRCLE / TYPE_ROUND */ private int type; private static final int TYPE_CIRCLE = 0; private static final int TYPE_ROUND = 1; /** *bitmap */ private Bitmap mSrc; /** *半径 */ private int mRadius; /** * �ؼ�长度� */ private int mWidth; /** * �高度� */ private int mHeight; public CustomImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CustomImageView(Context context) { this(context, null); } /** * �获取属性值�� * * @param context * @param attrs * @param defStyle */ public < 4000 /span>CustomImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CustomImageView, defStyle, 0); int n = a.getIndexCount(); for (int i = 0; i < n; i++) { int attr = a.getIndex(i); switch (attr) { case R.styleable.CustomImageView_src://获取图片,自定义属性,设置图片并获取 mSrc = BitmapFactory.decodeResource(getResources(), a.getResourceId(attr, 0)); break; case R.styleable.CustomImageView_type://获取图片要设置圆形还是圆角图片 type = a.getInt(attr, 0); break; case R.styleable.CustomImageView_borderRadius://半径值 mRadius = a.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 10f, getResources().getDisplayMetrics())); break; } } a.recycle(); } /** * ����ؼ��测量� */ @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { // super.onMeasure(widthMeasureSpec, heightMeasureSpec); /** * ���获取宽度测量模式和大小� */ int specMode = MeasureSpec.getMode(widthMeasureSpec); int specSize = MeasureSpec.getSize(widthMeasureSpec); if (specMode == MeasureSpec.EXACTLY)// match_parent , accurate精确的 { mWidth = specSize; } else { // � int desireByImg = getPaddingLeft() + getPaddingRight() + mSrc.getWidth();//图片的大小,和测量出来的大小比较 if (specMode == MeasureSpec.AT_MOST)// wrap_content { mWidth = Math.min(desireByImg, specSize); } } /*** * ��获取高度的测量模式� */ specMode = MeasureSpec.getMode(heightMeasureSpec); specSize = MeasureSpec.getSize(heightMeasureSpec); if (specMode == MeasureSpec.EXACTLY)// match_parent , accurate { mHeight = specSize; } else { int desire = getPaddingTop() + getPaddingBottom() + mSrc.getHeight(); if (specMode == MeasureSpec.AT_MOST)// wrap_content { mHeight = Math.min(desire, specSize); } } setMeasuredDimension(mWidth, mHeight); } /** * ���� */ @Override protected void onDraw(Canvas canvas) { switch (type) { // ���圆形图片 case TYPE_CIRCLE: int min = Math.min(mWidth, mHeight); /** * 使得当前的图片的宽和高一致Bitmap */ mSrc = Bitmap.createScaledBitmap(mSrc, min, min, false); //绘制圆角图片 canvas.drawBitmap(createCircleImage(mSrc, min), 0, 0, null); break; case TYPE_ROUND: //圆角图片 canvas.drawBitmap(createRoundConerImage(mSrc), 0, 0, null); break; } } /** * * @param source * @param min * @return */ private Bitmap createCircleImage(Bitmap source, int min) { //画笔 final Paint paint = new Paint(); paint.setAntiAlias(true); //创建Bitmap对象 Bitmap target = Bitmap.createBitmap(min, min, Config.ARGB_8888); /** * 绘制� */ Canvas canvas = new Canvas(target); /** * 画圆 */ canvas.drawCircle(min / 2, min / 2, min / 2, paint); /** * ʹ��设置mode���˵�� */ paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); /** * ���画图像 */ canvas.drawBitmap(source, 0, 0, paint); return target; } /** * �� * * @param source * @return */ private Bitmap createRoundConerImage(Bitmap source) { final Paint paint = new Paint(); paint.setAntiAlias(true); //创建bitmap Bitmap target = Bitmap.createBitmap(mWidth, mHeight, Config.ARGB_8888); //绘制图像 Canvas canvas = new Canvas(target); RectF rect = new RectF(0, 0, source.getWidth(), source.getHeight()); canvas.drawRoundRect(rect, 50f, 50f, paint); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); //图片,大小,绘制的地方 canvas.drawBitmap(source, 0, 0, paint); return target; } }
activity_main.xml文件:
<LinearLayout 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" xmlns:zhy="http://schemas.android.com/apk/res-auto" android:orientation="vertical"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="10dp" android:src="@mipmap/icon" /> <com.aynu.circleimageview.CustomImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="10dp" zhy:src="@mipmap/icon" zhy:type="circle" /> <com.aynu.circleimageview.CustomImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="10dp" zhy:borderRadius="10dp" zhy:src="@mipmap/icon" zhy:type="round" /> <com.aynu.circleimageview.CustomImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="10dp" zhy:borderRadius="20dp" zhy:src="@mipmap/icon" zhy:type="round" /> </LinearLayout>
res/attrs文件
<?xml version="1.0" encoding="utf-8"?> <resources> <attr name="borderRadius" format="dimension" /> <attr name="type"> <enum name="circle" value="0" /> <enum name="round" value="1" /> </attr> <attr name="src" format="reference"></attr> <declare-styleable name="CustomImageView"> <attr name="borderRadius" /> <attr name="type" /> <attr name="src" /> </declare-styleable> </resources>
代码下载地址:
http://download.csdn.net/detail/lmj623565791/7269005
相关文章推荐
- Android 绘制圆角图片(圆形图片,圆角矩形图片,圆角正方形图片)
- Android 绘制圆角图片(圆形图片,圆角矩形图片,圆角正方形图片)【转】
- android绘制圆形圆角图片
- Android中绘制圆形和圆角图片
- android中图片的处理(绘制圆形,圆角||缩略图)
- Android中绘制圆形和圆角图片
- android绘制圆形、圆角、圆环图片
- Android 完美实现图片圆角和圆形(对实现进行分析)
- Android如何将一张图片裁成圆形/圆角矩形/特殊形状
- Android长方形图片生成正圆形,以及矩形图片生成圆角
- Android 两种制作圆形/圆角图片的方法
- 在Android中绘制圆角矩形图片
- Android中绘制圆角矩形图片及任意形状图片
- Android 完美实现图片圆角和圆形(对实现进行分析)
- Android中绘制圆角矩形图片及任意形状图片
- Android 完美实现图片圆角和圆形(对实现进行分析)
- 在Android中绘制圆角矩形图片
- Android长方形图片生成正圆形,以及矩形图片生成圆角
- Android中绘制圆角矩形图片及任意形状图片
- Android 圆角图片及圆形图片的生成