【转】Android ImageView圆形头像
Android ImageView圆形头像 图片完全解析
我们在做项目的时候会用到圆形的图片,比如用户头像,类似QQ。用户在用QQ更换头像的时候,上传的图片都是矩形的,但显示的时候确是圆形的。
原理:先在canvas上面画一个圆形,参照圆形的起点坐标、 半径,再画一个边长为圆的直径的bitmap(这个bitmap就是你想画的圆形头像),此时圆和bitmap重叠在一起,圆在下面,bitmap在上 面,bitmap覆盖着圆(如下图,其实圆是在bitmap后面的,看不到的。为了形象,我用ps搞了一个半透明圆效果)。
关键点来了:这时,圆形和bitmap相交的部分正是圆大小的面积,如果能将bitmap与圆相交之外的部分去掉,那么我们看到的是不是bitmap的圆形部分?(如下图蓝色部分)
搞清楚原理后,下面我门来看代码是怎么实现的。
1 public Bitmap toRoundBitmap(Bitmap bitmap) { 2 //圆形图片宽高 3 int width = bitmap.getWidth(); 4 int height = bitmap.getHeight(); 5 //正方形的边长 6 int r = 0; 7 //取最短边做边长 8 if(width > height) { 9 r = height; 10 } else { 11 r = width; 12 } 13 //构建一个bitmap 14 Bitmap backgroundBmp = Bitmap.createBitmap(width, 15 height, Config.ARGB_8888); 16 //new一个Canvas,在backgroundBmp上画图 17 Canvas canvas = new Canvas(backgroundBmp); 18 Paint paint = new Paint(); 19 //设置边缘光滑,去掉锯齿 20 paint.setAntiAlias(true); 21 //宽高相等,即正方形 22 RectF rect = new RectF(0, 0, r, r); 23 //通过制定的rect画一个圆角矩形,当圆角X轴方向的半径等于Y轴方向的半径时, 24 //且都等于r/2时,画出来的圆角矩形就是圆形 25 canvas.drawRoundRect(rect, r/2, r/2, paint); 26 //设置当两个图形相交时的模式,SRC_IN为取SRC图形相交的部分,多余的将被去掉 27 paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN)); 28 //canvas将bitmap画在backgroundBmp上 29 canvas.drawBitmap(bitmap, null, rect, paint); 30 //返回已经绘画好的backgroundBmp 31 return backgroundBmp; 32 }
下面解释一下关键的几行代码:
1 canvas.drawRoundRect(rect, r/2, r/2, paint);
这行代码是画一个圆角矩形,X、Y方向的圆角半径相等时,且长度为正方形边长的一半时,则画出来的圆角矩形就是圆,如下图:
对于这行代码,大家可以看看这篇文章http://book.51cto.com/art/201204/328272.htm
1 paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
这行代码是设置图片相交时的模式,这篇文章有一张很好的图说明,http://trylovecatch.iteye.com/blog/1189452
而这行代码则是画一个bitmap到canvas上面去,官方API
参数:src 可以为空,不为空时,canvas将bitmap画到该区域;
如果src和dst的区域不一样,那么bitmap画的地方和显示的地方将不一样,即只能看到一部分bitmap。
其他类似demo:
http://www.tuicool.com/articles/mQNFJ3
转载自:http://m.oschina.net/blog/321024
转载于:https://www.cnblogs.com/chq3272991/p/5302790.html
【转】Android ImageView圆形头像相关推荐
- Android ImageView圆形头像 图片完全解析
转载http://m.oschina.net/blog/321024 Android ImageView圆形头像 图片完全解析 我们在做项目的时候会用到圆形的图片,比如用户头像,类似QQ.用户在用QQ ...
- Android imageview 圆形头像
工作中经常用到圆形头像 有两种解决方法 1.处理bitmap /*** * 头像切成圆形显示* **/ public Bitmap toRoundBitmap(Bitmap bitmap) {//圆形 ...
- android 图片分析,Android ImageView圆形头像 图片完全解析
我们在做项目的时候会用到圆形的图片,比如用户头像,类似QQ.用户在用QQ更换头像的时候,上传的图片都是矩形的,但显示的时候确是圆形的. 原理:先在canvas上面画一个圆形,参照圆形的起点坐标.半径, ...
- 分分钟带你搞定Android开发圆形头像
转载请注明来源: http://blog.csdn.net/kjunchen/article/details/50573326 分分钟带你搞定Android开发圆形头像 目前在应用开发中,矩形的头像基 ...
- android 自定义圆形头像,android自定义圆形头像
这几天看了项目框架里面的圆形头像,发现其实这个东西并不是很难的东西,学会了原理,无论圆形头像,五角星头像都可以实现. 目前我上传的Demo里用了两种实现方式,那么我们分别来讲讲这两种实现方式: Bit ...
- android 实现圆形头像
1.首先看一下实现效果 2.首先新建一个自定义view实现ImageView,详细可看注释 package com.example.a550211.xfermode;import android.co ...
- Android实现圆形头像效果
效果截图 实现原理 对于圆形头像的实现,其实就是对方形图像做某些处理,以达到圆形头像的效果.一般我们会通过Canvas和Paint结合来实现这种效果. ##自定义View来实现 因为圆形头像是视觉方面 ...
- android qq 圆形头像,Android仿QQ圆形头像个性名片
先看看效果图: 中间的圆形头像和光环波形讲解请看:https://www.jb51.net/article/96508.htm 周围的气泡布局,因为布局RatioLayout是继承自ViewGroup ...
- Android Studio 圆形头像带边框的
效果显示: (没有边框的) (有边框的) 1.创建自定义ImagView控件 (1).没有边框的 package chenglong.activitytest.pengintohospital.uti ...
最新文章
- Ubuntu开源推进全面展开抢占微软市场
- 用Jackson编写大型JSON文件
- django与mysql实现增删_django与mysql实现简单的增删查改
- 【SPOJ】2713 Can you answer these queries IV
- OpenShift 4 之Knative(3) - 通过事件触发Serverless服务
- R语言的常用函数速查
- 在 Windows 上进行 Laravel Homestead 安装、配置及测试
- web 报表中电子图章 / 水印的轻松实现
- 关于3.3V稳压芯片
- 【氵贴慎点】matlab啊啊啊
- filp_open/filp_close/vfs_read/vfs_write
- web前端 | 博客(八)用户信息修改功能
- PHP图片验证码无法显示的解决方案
- 动态GIF表情怎么制作
- 用matlab绘制克莱因瓶,用SolidWorks只需4个特征,便可画成一个漂亮的克莱因瓶子...
- const , 拷贝构造函数,赋值操作符重载
- Camera和Image sensor技术基础笔记(5) -- HDR相关技术
- Unix朝代歌《精通Unix下C语言编程与项目实践》读书笔记(7)
- 【Raspberry Pi 3试用体验】搭建minidlna服务器(结项二
- 【JY】提升有限元分析核心能力,这三类概念思维不可或缺