网友通过本文主要向大家介绍了android 自定义控件,android中自定义控件,android自绘控件,android 自定控件,android控件大全等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
android 自定义图片合集(自定义控件)
留守公司就剩下几个人了。我没有年假故还在坚守。废话不多说,闲来无事。想练习一下自定义控件的应用以及学习图片类操作以及处理等等。所以我在网上找了大神文章,鸿洋大神的博客。找到了自定义控件以及实战图片圆角等文章。进行学习,浏览几遍代码,也看懂了。现在对他几遍文章学习进行一个总结。他的代码我也进行了整合到一个项目中。故叫合集。处理之外还学习了爱哥大神部分代码。不过这些代码,在我手里有所改变了,以及添加了更加详细的注释。
1、先看整体合集包含内容
从这上面图片上目录就知道,包含什么内容了。
1、使用Xfermode设置圆角图片
2、使用BitmapShader设置圆角图片
3、滑动旋转缩放的bimp图片
4、图片颜色处理(滑动)
5、图片 + 文字
其中1,2是两种不同方式处理图片圆角的情况。3,是通过Matrix进行图片缩放,旋转等。4,是通过Matrix操作图片的处理,包括去饱和,四角黑影,中心突出等。5,图片加文字组合显示。
如果暂时感觉这些看不懂:
先看看这两篇
android 自定义控件属性(TypedArray以及attrs解释)
android 自定义控件以及自定义view学习(随机验证码生成)
1、使用Xfermode设置圆角图片
主要代码
package com.example.customimage.view; import com.example.customimage.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; 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.util.AttributeSet; import android.util.Log; import android.util.TypedValue; import android.view.View; /** * 自定义View,实现圆角,圆形等效果 */ public class XfermodeImageView extends View { //类型 private int type; private static final int TYPE_CIRCLE = 0; //圆形 private static final int TYPE_RECT = 1; //矩形圆角 //原始图片 private Bitmap mSrc; //矩形圆角的幅度 private int mRadius; //控件的宽度 private int mWidth; // 控件的高度 private int mHeight; public XfermodeImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public XfermodeImageView(Context context) { this(context, null); } /** * 初始化一些自定义的参数 * * @param context * @param attrs * @param defStyle */ public XfermodeImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.XfermodeImageView, defStyle, 0); int n = a.getIndexCount(); for (int i = 0; i < n; i++) { int attr = a.getIndex(i); switch (attr) { //原始图片,在布局里面获取 case R.styleable.XfermodeImageView_src: mSrc = BitmapFactory.decodeResource(getResources(), a.getResourceId(attr, 0)); break; //类型属性选择 case R.styleable.XfermodeImageView_type: //自定义类型属性,0是圆形,1是矩形圆角 type = a.getInt(attr, 0);// 默认为Circle break; //矩形圆角幅度的获取,默认是10dp case R.styleable.XfermodeImageView_borderRadius: mRadius = a.getDimensionPixelSize(attr, (int) TypedValue .applyDimension(TypedValue.COMPLEX_UNIT_DIP, 10f, getResources().getDisplayMetrics())); Log.i("Show", String.valueOf(mRadius)); break; } } a.recycle(); } /** * 计算控件的高度和宽度 */ @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { // 设置宽度 int specMode = MeasureSpec.getMode(widthMeasureSpec); int specSize = MeasureSpec.getSize(widthMeasureSpec); //match_parent或者设置的精确值获取 //MeasureSpec.EXACTLY if (specMode == MeasureSpec.EXACTLY) { mWidth = specSize; } else { // 由图片决定的宽 //getPaddingLeft(),getPaddingRight()这两个值是控件属性的向内偏移的距离值,所以的一起计算 //区别于layout_marginLeft,两个控件的左间距值设置 int desireByImg = getPaddingLeft() + getPaddingRight() + mSrc.getWidth(); // wrap_content if (specMode == MeasureSpec.AT_MOST) { //所以最小的值,宽度的话是左右内偏移距离之和 mWidth = Math.min(desireByImg, specSize); } else mWidth = desireByImg; } // 设置高度,部分解释同上 specMode = MeasureSpec.getMode(heightMeasureSpec); specSize = MeasureSpec.getSize(heightMeasureSpec); //match_parent或者设置的精确值获取 //MeasureSpec.EXACTLY if (specMode == MeasureSpec.EXACTLY) { mHeight = specSize; } else { int desire = getPaddingTop() + getPaddingBottom() + mSrc.getHeight(); // wrap_content if (specMode == MeasureSpec.AT_MOST) { mHeight = Math.min(desire, specSize); } else mHeight = desire; } //计算好的宽度以及高度是值,设置进去 setMeasuredDimension(mWidth, mHeight); } /** * 绘制image控件 */ @Override protected void onDraw(Canvas canvas) { switch (type) { // 如果是TYPE_CIRCLE绘制圆形 case TYPE_CIRCLE: //圆形宽度和高度应该一致的,所以也要比较一下大小,取小的值 int min = Math.min(mWidth, mHeight); // 圆形宽度和高度如果不一致,按小的值进行压缩 mSrc = Bitmap.createScaledBitmap(mSrc, min, min, false); //绘制圆形 canvas.drawBitmap(createCircleImage(mSrc, min), 0, 0, null); break; case TYPE_RECT: 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 target = Bitmap.createBitmap(min, min, Config.ARGB_8888); // 产生一个同样大小的画布 Canvas canvas = new Canvas(target); // 首先绘制圆形,除以2就是半径了 //最主要设置第三个参数为min/2,圆角幅度那么大就是圆形了 canvas.drawCircle(min / 2, min / 2, min/2, paint); // 使用SRC_IN,参考上面的说明---上下层都显示。下层居上显示 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 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, mRadius, mRadius, paint); // 使用SRC_IN,参考上面的说明---上下层都显示。下层居上显示 paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(source, 0, 0, paint); return target; } }

2、使用BitmapShader设置圆角图片
package com.example.customimage.view; import com.example.customimage.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Matrix; import android.graphics.Paint; import android.graphics.RectF; import android.graphics.Shader.TileMode; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.os.Bundle; import android.os.Parcelable; import android.util.AttributeSet; import android.util.Log; import android.util.TypedValue; import android.widget.ImageView; /** * */ public class BitmapShaderImageView extends ImageView { // 图片的类型,圆形or圆角 private int type; public static final int TYPE_CIRCLE = 0; public static final int TYPE_RECT = 1; //圆角大小的默认值 private static final int BODER_RADIUS_DEFAULT = 10; //圆角的大小 private int mBorderRadius; // 绘图的Paint private Paint mBitmapPaint; //圆角的半径 private int mRa