• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >Android > android 自定义图片合集(自定义控件)

android 自定义图片合集(自定义控件)

作者:网友 字体:[增加 减小] 来源:互联网 时间:2017-05-26

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



 
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 自定义控件详解(四):Paint 画笔路径效果,paint画笔
  • 自定义控件详解(五):onMeasure()、onLayout(),onmeasureonlayout
  • 自定义控件详解(二):Path类 相关用法,详解path
  • 自定义控件详解(一):Paint类与Canvas类,paintcanvas
  • Android中的自定义控件(二),android自定义控件
  • 自定义控件(一),自定义控件(
  • 自定义数字加减控件,自定义数字控件
  • 自定义控件——开关按钮ToggleButton,控件togglebutton
  • Android 自定义分层级筛选控件
  • Android自定义控件系列案例【四】

相关文章

  • 2017-05-26retrofit2中ssl的Trust anchor for certification path not found问题,retrofit2anchor
  • 2017-05-26如何「偷」Android 的内存?,「偷」android
  • 2017-05-26离线用户的灰色头像处理,离线灰色头像
  • 2017-05-26BaseAdapter日常的封装,baseadapter封装
  • 2017-05-26散列表的数学分析(精解)--通过链表法解决碰撞,数学分析精解
  • 2017-05-26ionic打包项目,运行时报错A problem occurred configuring root project &#39;android&#39;。。。,ionicconfiguring
  • 2017-05-26安卓开源项目周报0215,安卓开源项目0215
  • 2017-05-26硅谷商城4--显示购物车商品,硅谷商城4--购物车
  • 2017-05-26Android蓝牙技术Bluetooth初体验
  • 2017-05-26Android SDK镜像更新网速慢的解决问题,androidsdk

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • android的color整理(一),androidcolor整理
    • 关于Android发送短信获取送达报告的问题,android发送短信
    • android graphic(15)—fence
    • Linux内核系列—4.操作系统开发之LDT,linuxldt
    • 【玖哥乱弹】Android初学路上会遇到的瓶颈
    • 27个漂亮的移动端注册/登录界面设计作品,27登录界面设计作品
    • RK3288开发过程中遇到的问题点和解决方法之Framework,rk3288framework
    • 编译android源码3---ubuntu安装jdk6
    • Android点击跳转到淘宝的某一商品详情页或者某一店铺页面,android商品详情
    • 杂谈——Android从启动到程序运行发生的事情

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有