Android圆型头像实现

最新推荐文章于 2019-03-05 10:36:37 发布
最新推荐文章于 2019-03-05 10:36:37 发布
阅读量2.5w 收藏 19
点赞数 3
分类专栏： Android开发 文章标签： android

Android圆形图片自定义控件


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

20141217221935037.png

 

代码如下:

RoundImageView.java

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
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_8888,  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_8888); 
         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
?
1
2
3
4
5
6
7
8
<? 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
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" 
     xmlns:tools = "http://schemas.android.com/tools" 
     xmlns:imagecontrol = "http://schemas.android.com/apk/res-auto" 
     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 = "100dp" 
         android:layout_height = "100dp" 
         android:src = "@drawable/img" 
         /> 
     <!-- border_outside_color 外部圆圈的颜色 --> 
     <!-- border_inside_color 内部部圆圈的颜色 --> 
     <!-- border_thickness 外圆和内圆的宽度 --> 
     < com.dxd.roundimageview.RoundImageView  
         android:layout_width = "100dp" 
         android:layout_height = "100dp" 
         android:src = "@drawable/img" 
         imagecontrol:border_inside_color = "#bc0978" 
         imagecontrol:border_outside_color = "#ba3456" 
         imagecontrol:border_thickness = "1dp" 
         /> 
</ LinearLayout >
3、主Activity中没有相关代码，直接加载布局文件即可。



来自：http://blog.csdn.net/android_dong/article/details/41989499
cwcwj3069
关注
专栏目录
Android实现圆形头像
weixin_43977664的博客
02-20 3323
Android中的ImageView只能显示矩形的图片，为了用户体验更多，Android需要实现圆角图像
Android -- 显示圆形头像
星枫的博客
05-11 2576
一. 前言这章将从相册和拍照获取图片，并显示成圆形图片。二. 准备首先需要做一个圆形的显示区域，我用的是CircleImageView开源库CircleImageView源码地址：https://github.com/hdodenhof/CircleImageView（1）下载CircleImageView源码（2）将CircleImageView.class添加到你的项目中，一般存在工具类中（3...
Android 圆形头像实现
04-12
实现应用中常常出现的圆形头像，不是利用图片遮盖的方法。设计成圆的会使整个界面布局变的优雅漂亮。
Android开发圆形头像
MR_HJY的博客
03-05 406
https://blog.csdn.net/Heaven_BingWang/article/details/71423146 compile 'com.makeramen:roundedimageview:2.2.1' &lt;com.makeramen.roundedimageview.RoundedImageView android:layout_width="wrap...
圆形图
yy471101598的博客
09-10 264
自定义圆形图控件public class RoundImageView extends ImageView { private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP; private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARG
android 圆形头像
云上de日子的专栏
07-09 708
1、xml布局文件 <com.qtx.myview.CircularImage android:id="@+id/iv_coin_record_avatar" android:layout_width="70dp" android:layout_height="70dp"
Android利用CircleImageView实现圆形头像的方法
09-01
下面我们将详细介绍如何在Android项目中利用CircleImageView实现圆形头像。 首先，为了自定义CircleImageView，我们需要创建一个属性文件`attrs.xml`。这个文件用于定义我们自定义视图所需的自定义属性。在`values`...
Android实现带圆环的圆形头像
08-24
Android 实现带圆环的圆形头像 Android 实现带圆环的圆形头像是 Android 开发中一个常见的需求，今天我们将详细介绍如何实现带圆环的圆形头像。该实现主要使用 BitmapShader 和 Paint 两个类来实现圆形头像和圆环的...
Android实现动态圆环的图片头像控件
09-01
首先，我们来看圆形头像的基本实现原理。Android中的圆形头像是通过BitmapShader类来完成的。BitmapShader允许我们将Bitmap作为Paint的渲染器，使得我们可以在画布上用Bitmap绘制图形。具体步骤如下： 1. 获取到要...
安卓圆形头像（内置6种，拉起来就能用 简单方便）
12-11
安卓圆形头像（内置6种，拉起来就能用 简单方便）安卓圆形头像（内置6种，拉起来就能用 简单方便）安卓圆形头像（内置6种，拉起来就能用 简单方便）安卓圆形头像（内置6种，拉起来就能用 简单方便）
Android Studio实现带边框的圆形头像
08-29
"Android Studio实现带边框的圆形头像" Android Studio实现带边框的圆形头像是Android应用开发中的一项常见需求。本文将详细介绍如何使用Android Studio实现带边框的圆形头像，提供了详细的代码示例和实现步骤。 ...
Android自定义控件之圆形头像
钝悟需要时间的打磨，顿悟需要时间的积累
09-21 2548
Android自定义控件之圆形头像自定义控件也看了很多，但是感觉始终写不出来很牛逼的控件。看来还是自己火候不到位啊！平时也老玩，没有下苦功夫。每当看到爱哥、鸿洋等大牛的博客，仍是我继续努力的方向啊！今天准备做一个自定义控件圆形的ImageView，但是上网看看，发现一位基友已经写过了，但是我还是参照他的谢谢，当做练笔吧！预备知识点 Canvas的基本用法，比如绘制圆形：canvas.drawCirc
Android圆形图片--ImageView
dianwei5413的博客
04-13 130
【 RoundImageView.java】 1 package com.dxd.roundimageview; 2 import android.content.Context; 3 import android.content.res.TypedArray; 4 import android.graphics.Bitmap; 5...
Android 圆形图片
圆号本号
11-08 393
绝对布局：通过直接给定控件起始坐标 ( x , y ) 和 ( w , l ) ,来生成控件。 圆形头像：CircleImageView的使用 注：在build.gradle中添加： implementation ‘de.hdodenhof:circleimageview:1.3.0’ XML布局文件： &amp;amp;amp;lt;?xml version=&amp;amp;quot;1.0&amp;amp;quot; encoding=&amp;amp;qu
Android圆形头像图Circle ImageView
Zhang Phil
04-09 8927
《Android圆形头像图Circle ImageView》 需要处理的原始图（pic）： 使用CircleImageView处理后的图（作为头像）： 现在很多的应用都有设置头像的功能，如QQ、微信、微博等。头像有标准的四方形，也有圆形（如QQ）。现在结合他人的代码加以修改，给出一个以原始图形中心为原点，修剪图片为头像的工具类，此类 可以直接在布局文件中加载使用，比
android圆形头像的实现类CircleImageView.java
wangning13ji的博客
07-19 348
import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Col
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值