位置: 编程技术 - 正文

Android圆形图片--自定义控件(android 圆形图片)

编辑:rootadmin

推荐整理分享Android圆形图片--自定义控件(android 圆形图片),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:android progressbar 圆形,android圆形头像,android绘制圆,android圆形头像,android绘制圆,android圆形头像,android圆形图标,android圆形imageview,内容如对您有帮助,希望把文章链接给更多的朋友!

Android圆形图片控件效果图如下:

Android圆形图片--自定义控件(android 圆形图片)

代码如下:

RoundImageView.java

[html] view plaincopyprint?package com.dxd.roundimageview; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.PorterDuff.Mode; import android.graphics.PorterDuffXfermode; import android.graphics.Rect; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.graphics.drawable.NinePatchDrawable; import android.util.AttributeSet; import android.util.Log; import android.widget.ImageView; import com.alan.myimageview.R; /** * 圆形ImageView,可设置最多两个宽度不同且颜色不同的圆形边框。 * 设置颜色在xml布局文件中由自定义属性配置参数指定 */ public class RoundImageView extends ImageView { private int mBorderThickness = 0; private Context mContext; private int defaultColor = 0xFFFFFFFF; // 如果只有其中一个有&#;,则只画一个圆形边框 private int mBorderOutsideColor = 0; private int mBorderInsideColor = 0; // 控件默认长、宽 private int defaultWidth = 0; private int defaultHeight = 0; public RoundImageView(Context context) { super(context); mContext = context; } public RoundImageView(Context context, AttributeSet attrs) { super(context, attrs); mContext = context; setCustomAttributes(attrs); } public RoundImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); mContext = context; setCustomAttributes(attrs); } private void setCustomAttributes(AttributeSet attrs) { TypedArray a = mContext.obtainStyledAttributes(attrs,R.styleable.roundedimageview); mBorderThickness = a.getDimensionPixelSize(R.styleable.roundedimageview_border_thickness, 0); mBorderOutsideColor = a.getColor(R.styleable.roundedimageview_border_outside_color,defaultColor); mBorderInsideColor = a.getColor(R.styleable.roundedimageview_border_inside_color, defaultColor); } @Override protected void onDraw(Canvas canvas) { Drawable drawable = getDrawable() ; if (drawable == null) { return; } if (getWidth() == 0 || getHeight() == 0) { return; } this.measure(0, 0); if (drawable.getClass() == NinePatchDrawable.class) return; Bitmap b = ((BitmapDrawable) drawable).getBitmap(); Bitmap bitmap = b.copy(Bitmap.Config.ARGB_, true); if (defaultWidth == 0) { defaultWidth = getWidth(); } if (defaultHeight == 0) { defaultHeight = getHeight(); } int radius = 0; if (mBorderInsideColor != defaultColor && mBorderOutsideColor != defaultColor) {// 定义画两个边框,分别为外圆边框和内圆边框 radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - 2 * mBorderThickness; // 画内圆 drawCircleBorder(canvas, radius &#; mBorderThickness / 2,mBorderInsideColor); // 画外圆 drawCircleBorder(canvas, radius &#; mBorderThickness &#; mBorderThickness / 2, mBorderOutsideColor); } else if (mBorderInsideColor != defaultColor && mBorderOutsideColor == defaultColor) {// 定义画一个边框 radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - mBorderThickness; drawCircleBorder(canvas, radius &#; mBorderThickness / 2, mBorderInsideColor); } else if (mBorderInsideColor == defaultColor && mBorderOutsideColor != defaultColor) {// 定义画一个边框 radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - mBorderThickness; drawCircleBorder(canvas, radius &#; mBorderThickness / 2, mBorderOutsideColor); } else {// 没有边框 radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2; } Bitmap roundBitmap = getCroppedRoundBitmap(bitmap, radius); canvas.drawBitmap(roundBitmap, defaultWidth / 2 - radius, defaultHeight / 2 - radius, null); } /** * 获取裁剪后的圆形图片 * @param radius半径 */ public Bitmap getCroppedRoundBitmap(Bitmap bmp, int radius) { Bitmap scaledSrcBmp; int diameter = radius * 2; // 为了防止宽高不相等,造成圆形图片变形,因此截取长方形中处于中间位置最大的正方形图片 int bmpWidth = bmp.getWidth(); int bmpHeight = bmp.getHeight(); int squareWidth = 0, squareHeight = 0; int x = 0, y = 0; Bitmap squareBitmap; if (bmpHeight > bmpWidth) {// 高大于宽 squareWidth = squareHeight = bmpWidth; x = 0; y = (bmpHeight - bmpWidth) / 2; // 截取正方形图片 squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth, squareHeight); } else if (bmpHeight < bmpWidth) {// 宽大于高 squareWidth = squareHeight = bmpHeight; x = (bmpWidth - bmpHeight) / 2; y = 0; squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth,squareHeight); } else { squareBitmap = bmp; } if (squareBitmap.getWidth() != diameter || squareBitmap.getHeight() != diameter) { scaledSrcBmp = Bitmap.createScaledBitmap(squareBitmap, diameter,diameter, true); } else { scaledSrcBmp = squareBitmap; } Bitmap output = Bitmap.createBitmap(scaledSrcBmp.getWidth(), scaledSrcBmp.getHeight(), Config.ARGB_); Canvas canvas = new Canvas(output); Paint paint = new Paint(); Rect rect = new Rect(0, 0, scaledSrcBmp.getWidth(),scaledSrcBmp.getHeight()); paint.setAntiAlias(true); paint.setFilterBitmap(true); paint.setDither(true); canvas.drawARGB(0, 0, 0, 0); canvas.drawCircle(scaledSrcBmp.getWidth() / 2, scaledSrcBmp.getHeight() / 2, scaledSrcBmp.getWidth() / 2, paint); paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); canvas.drawBitmap(scaledSrcBmp, rect, rect, paint); bmp = null; squareBitmap = null; scaledSrcBmp = null; return output; } /** * 边缘画圆 */ private void drawCircleBorder(Canvas canvas, int radius, int color) { Paint paint = new Paint(); /* 去锯齿 */ paint.setAntiAlias(true); paint.setFilterBitmap(true); paint.setDither(true); paint.setColor(color); /* 设置paint的 style 为STROKE:空心 */ paint.setStyle(Paint.Style.STROKE); /* 设置paint的外框宽度 */ paint.setStrokeWidth(mBorderThickness); canvas.drawCircle(defaultWidth / 2, defaultHeight / 2, radius, paint); } } [html] view plaincopyprint?package com.dxd.roundimageview; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.PorterDuff.Mode; import android.graphics.PorterDuffXfermode; import android.graphics.Rect; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.graphics.drawable.NinePatchDrawable; import android.util.AttributeSet; import android.util.Log; import android.widget.ImageView; import com.alan.myimageview.R; /** * 圆形ImageView,可设置最多两个宽度不同且颜色不同的圆形边框。 * 设置颜色在xml布局文件中由自定义属性配置参数指定 */ public class RoundImageView extends ImageView { private int mBorderThickness = 0; private Context mContext; private int defaultColor = 0xFFFFFFFF; // 如果只有其中一个有&#;,则只画一个圆形边框 private int mBorderOutsideColor = 0; private int mBorderInsideColor = 0; // 控件默认长、宽 private int defaultWidth = 0; private int defaultHeight = 0; public RoundImageView(Context context) { super(context); mContext = context; } public RoundImageView(Context context, AttributeSet attrs) { super(context, attrs); mContext = context; setCustomAttributes(attrs); } public RoundImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); mContext = context; setCustomAttributes(attrs); } private void setCustomAttributes(AttributeSet attrs) { TypedArray a = mContext.obtainStyledAttributes(attrs,R.styleable.roundedimageview); mBorderThickness = a.getDimensionPixelSize(R.styleable.roundedimageview_border_thickness, 0); mBorderOutsideColor = a.getColor(R.styleable.roundedimageview_border_outside_color,defaultColor); mBorderInsideColor = a.getColor(R.styleable.roundedimageview_border_inside_color, defaultColor); } @Override protected void onDraw(Canvas canvas) { Drawable drawable = getDrawable() ; if (drawable == null) { return; } if (getWidth() == 0 || getHeight() == 0) { return; } this.measure(0, 0); if (drawable.getClass() == NinePatchDrawable.class) return; Bitmap b = ((BitmapDrawable) drawable).getBitmap(); Bitmap bitmap = b.copy(Bitmap.Config.ARGB_, true); if (defaultWidth == 0) { defaultWidth = getWidth(); } if (defaultHeight == 0) { defaultHeight = getHeight(); } int radius = 0; if (mBorderInsideColor != defaultColor && mBorderOutsideColor != defaultColor) {// 定义画两个边框,分别为外圆边框和内圆边框 radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - 2 * mBorderThickness; // 画内圆 drawCircleBorder(canvas, radius &#; mBorderThickness / 2,mBorderInsideColor); // 画外圆 drawCircleBorder(canvas, radius &#; mBorderThickness &#; mBorderThickness / 2, mBorderOutsideColor); } else if (mBorderInsideColor != defaultColor && mBorderOutsideColor == defaultColor) {// 定义画一个边框 radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - mBorderThickness; drawCircleBorder(canvas, radius &#; mBorderThickness / 2, mBorderInsideColor); } else if (mBorderInsideColor == defaultColor && mBorderOutsideColor != defaultColor) {// 定义画一个边框 radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2 - mBorderThickness; drawCircleBorder(canvas, radius &#; mBorderThickness / 2, mBorderOutsideColor); } else {// 没有边框 radius = (defaultWidth < defaultHeight ? defaultWidth : defaultHeight) / 2; } Bitmap roundBitmap = getCroppedRoundBitmap(bitmap, radius); canvas.drawBitmap(roundBitmap, defaultWidth / 2 - radius, defaultHeight / 2 - radius, null); } /** * 获取裁剪后的圆形图片 * @param radius半径 */ public Bitmap getCroppedRoundBitmap(Bitmap bmp, int radius) { Bitmap scaledSrcBmp; int diameter = radius * 2; // 为了防止宽高不相等,造成圆形图片变形,因此截取长方形中处于中间位置最大的正方形图片 int bmpWidth = bmp.getWidth(); int bmpHeight = bmp.getHeight(); int squareWidth = 0, squareHeight = 0; int x = 0, y = 0; Bitmap squareBitmap; if (bmpHeight > bmpWidth) {// 高大于宽 squareWidth = squareHeight = bmpWidth; x = 0; y = (bmpHeight - bmpWidth) / 2; // 截取正方形图片 squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth, squareHeight); } else if (bmpHeight < bmpWidth) {// 宽大于高 squareWidth = squareHeight = bmpHeight; x = (bmpWidth - bmpHeight) / 2; y = 0; squareBitmap = Bitmap.createBitmap(bmp, x, y, squareWidth,squareHeight); } else { squareBitmap = bmp; } if (squareBitmap.getWidth() != diameter || squareBitmap.getHeight() != diameter) { scaledSrcBmp = Bitmap.createScaledBitmap(squareBitmap, diameter,diameter, true); } else { scaledSrcBmp = squareBitmap; } Bitmap output = Bitmap.createBitmap(scaledSrcBmp.getWidth(), scaledSrcBmp.getHeight(), Config.ARGB_); Canvas canvas = new Canvas(output); Paint paint = new Paint(); Rect rect = new Rect(0, 0, scaledSrcBmp.getWidth(),scaledSrcBmp.getHeight()); paint.setAntiAlias(true); paint.setFilterBitmap(true); paint.setDither(true); canvas.drawARGB(0, 0, 0, 0); canvas.drawCircle(scaledSrcBmp.getWidth() / 2, scaledSrcBmp.getHeight() / 2, scaledSrcBmp.getWidth() / 2, paint); paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); canvas.drawBitmap(scaledSrcBmp, rect, rect, paint); bmp = null; squareBitmap = null; scaledSrcBmp = null; return output; } /** * 边缘画圆 */ private void drawCircleBorder(Canvas canvas, int radius, int color) { Paint paint = new Paint(); /* 去锯齿 */ paint.setAntiAlias(true); paint.setFilterBitmap(true); paint.setDither(true); paint.setColor(color); /* 设置paint的 style 为STROKE:空心 */ paint.setStyle(Paint.Style.STROKE); /* 设置paint的外框宽度 */ paint.setStrokeWidth(mBorderThickness); canvas.drawCircle(defaultWidth / 2, defaultHeight / 2, radius, paint); } }

1、定义自己的属性配置文件:attr.xml[html] view plaincopyprint?<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="roundedimageview"> <attr name="border_thickness" format="dimension" /> <attr name="border_inside_color" format="color" /> <attr name="border_outside_color" format="color"></attr> </declare-styleable> </resources> [html] view plaincopyprint?<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="roundedimageview"> <attr name="border_thickness" format="dimension" /> <attr name="border_inside_color" format="color" /> <attr name="border_outside_color" format="color"></attr> </declare-styleable> </resources>

2、在xml配置中使用控件:activity_main.xml[html] view plaincopyprint?<LinearLayout xmlns:android=" xmlns:tools=" xmlns:imagecontrol=" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <!-- 没有指定圆形ImageView属性时,默认没有外边圆颜色 --> <!-- 需要将图片资源自定为src ,或在程序中setImageResource(res) 不能设置background为图片,这样不能达到圆形效果--> <com.dxd.roundimageview.RoundImageView android:layout_width="dp" android:layout_height="dp" android:src="@drawable/img" /> <!-- border_outside_color 外部圆圈的颜色 --> <!-- border_inside_color 内部部圆圈的颜色 --> <!-- border_thickness 外圆和内圆的宽度 --> <com.dxd.roundimageview.RoundImageView android:layout_width="dp" android:layout_height="dp" android:src="@drawable/img" imagecontrol:border_inside_color="#bc" imagecontrol:border_outside_color="#ba" imagecontrol:border_thickness="1dp" /> </LinearLayout> [html] view plaincopyprint?<LinearLayout xmlns:android=" xmlns:tools=" xmlns:imagecontrol=" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" > <!-- 没有指定圆形ImageView属性时,默认没有外边圆颜色 --> <!-- 需要将图片资源自定为src ,或在程序中setImageResource(res) 不能设置background为图片,这样不能达到圆形效果--> <com.dxd.roundimageview.RoundImageView android:layout_width="dp" android:layout_height="dp" android:src="@drawable/img" /> <!-- border_outside_color 外部圆圈的颜色 --> <!-- border_inside_color 内部部圆圈的颜色 --> <!-- border_thickness 外圆和内圆的宽度 --> <com.dxd.roundimageview.RoundImageView android:layout_width="dp" android:layout_height="dp" android:src="@drawable/img" imagecontrol:border_inside_color="#bc" imagecontrol:border_outside_color="#ba" imagecontrol:border_thickness="1dp" /> </LinearLayout> 3、主Activity中没有相关代码,直接加载布局文件即可。

android XML布局大全 第一类:属性为true或falseandroid:layout_centerHrizontal水平居中android:layout_centerVertical垂直居中android:layout_centerInparent相对于父元素完全居中android:layout_alignParentB

Android获取屏幕尺寸 有些时候,我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸:从网

Android popupwindow 示例程序一 经过多番测试实践,实现了popupwindow弹出在指定控件的下方。代码上有注释,有需要注意的地方。popupwindow有自已的布局,里面控件的监听实现都有。接

标签: android 圆形图片

本文链接地址:https://www.jiuchutong.com/biancheng/387468.html 转载请保留说明!

上一篇:第四章,简单的水果机游戏(Android)(《简单》阅读答案)

下一篇:HTTP之Range理解

  • 捐赠支出纳税调减
  • 小规模纳税人不开票需要纳税吗
  • 承兑汇票属于货款吗
  • 注册登记费用属于什么科目
  • 房地产公司属于第几产业
  • 公积金缴存基数多久调整一次
  • 退休工资怎样扣社保
  • 财政部颁布的具体准则
  • 季节性停工折旧吗
  • 给员工发中秋福利
  • 原材料暂估分录
  • 发票限额是多少
  • 个人所得税薪金所得是实发工资还是应发工资
  • 领购增值税专用发票
  • 关于促进房地产市场健康发展的实施意见(试行)
  • 科目余额表借方和贷方
  • 利润表中利润归还投资
  • 食堂伙食费账务处理
  • 收取施工队管理费
  • 劳务外包收入公式是什么
  • 资产减值损失怎么影响利润
  • win10双屏怎么切换屏幕
  • 手动添加mac
  • 百内国家公园塔状尖峰
  • 天然气 初装费
  • 异地设立的仓库怎么处理
  • 标书装订费用分录
  • win10任务视图怎么用
  • 耕地占用费与耕地的区别
  • 长期待摊费用是非流动资产吗
  • 阿尔卑斯山百度百科
  • 国产版忠犬八公观后感
  • 小企业会计准则财务报表至少包括
  • 《ai人工智能》
  • vue中的provide/inject
  • 前端发起请求怎么设置
  • ipcrm命令
  • nmcli命令配置bond
  • 支付给外单位人员的报酬怎么入账
  • 燃油税税率是多少
  • 劳务报酬的个人所得税
  • 原材料用于加工什么
  • 即征即退增值税怎么申报
  • 转月是下个月的意思吗
  • 无票收入增值税怎么申报
  • 长期股权投资稀释股权的两种
  • 利息收入红字如何入账
  • 业务招待费可以开专票抵扣吗
  • 利润分配未分配利润账务处理
  • 车辆购置税完税证明图片
  • 企业职工福利费可用于职工的医疗卫生费用
  • 银行手续费没拿可以退吗
  • 如何算增值税金额
  • 租赁费计提部分算入印花税吗
  • 招标付款条件及比例
  • sql数据库检查命令
  • windows自动操作软件
  • 在linux系统中安装软件
  • 超级本可以玩游戏吗
  • 360安全卫士中心未完全开启
  • centos设置服务自启动
  • Win10系统无法访问局域网共享电脑怎么办
  • rpcclient.exe - rpcclient是什么进程 有什么用
  • window10 wifi打不开
  • opengl画实体
  • Interlnk、Intersvr、Qbasic命令的使用方法
  • js实现鼠标事件
  • 详解16型人格
  • 基于nodejs的项目
  • linux自动重启程序脚本
  • float浮动布局原理
  • python整数数字
  • nodejs 导出excel
  • unity ctrl
  • python中else语句
  • 多个javascript 合并
  • won10安装
  • 青岛网上办税服务厅登录
  • 走访情况登记表 不想写怎么办
  • 如何推进社会治理
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设