网友通过本文主要向大家介绍了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

