Android利用CircleImageView实现圆形头像效果整理

最新推荐文章于 2020-05-15 16:32:19 发布
最新推荐文章于 2020-05-15 16:32:19 发布
阅读量563 收藏
点赞数
分类专栏： Android 文章标签： android 布局 app

一、参考内容

Github源码

根据上面大神的修改。但是使用方法已经变了。最先版本使用是
并且在build.gradle中添加依赖:

  compile 'de.hdodenhof:circleimageview:2.1.0'
<de.hdodenhof.circleimageview.CircleImageView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/profile_image"
    android:layout_width="96dp"
    android:layout_height="96dp"
    android:src="@drawable/profile"
    app:civ_border_width="2dp"
    app:civ_border_color="#FF000000"/>

源码不断在更新可以，根据Github上的源码修改。

二、可能遇到androidStudio升级到2.3之后新建Activity布局变成了约束(ConstraintLayout)布局。

改变布局的方法

自己整合的源码

Fighting_Studying
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android之CircleImageView
码莎拉蒂
10-07 1639
Circle ImageView https://github.com/hdodenhof/CircleImageView Gradle dependencies { ... compile 'de.hdodenhof:circleimageview:1.3.0' } Usage <de.hdodenhof.circleimageview.Circ
Android 圆形头像剪切（studio版）
07-15
从网上看了许多关于头像剪切的资料，通过整理、测试、修复bug，编写了一个头像剪切demo，大家可以借鉴一下。
圆形图
yy471101598的博客
09-10 261
自定义圆形图控件public class RoundImageView extends ImageView { private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP; private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARG
智能管家---14.利用CircleImageView进行圆形头像选择性裁剪（未完）
ayangann915的博客
08-09 445
接下来实现个人中心用户头像设置与裁剪。 加入依赖： implementation 'de.hdodenhof:circleimageview:2.2.0' 修改布局文件，将上一节头像的ImageView改为circleimageview，并设置点击事件 &lt;LinearLayout android:layout_width="match_...
Android 圆形图片开源项目CircleImageView源码分析
wlwh90的专栏
12-09 2889
上一篇文章中，讲了Android圆形图片实现2种方式中的Xfermode方式。 Android 圆形图片 CircleImageView（Xfermode方式） 今天讲解Android圆形图片实现的另一种方式，BitmapShader（着色器，也叫渲染器）和Matrix（矩阵）方式。 讲解的方式是，分析github上优秀的开源项目： https://github.com/hdodenhof/C
自定义圆形头像
github_37067041的博客
12-21 393
任务内容：需要再主界面中显示截取圆形头像之后的结果，另外有一个界面用于拖动和放置所需要截取的图片。 现在我只完成了一个demo，边界限制等还没有实现，整理一下思路，先把这个demo放过来： xml version="1.0" encoding="utf-8"?> xmlns:android="http://schemas.android.com/apk/res/android" a
Android利用CircleImageView实现圆形头像的方法
09-01
下面我们将详细介绍如何在Android项目中利用CircleImageView实现圆形头像。 首先，为了自定义CircleImageView，我们需要创建一个属性文件`attrs.xml`。这个文件用于定义我们自定义视图所需的自定义属性。在`values`...
Android使用CircleImageView实现圆形头像的方法
09-01
总之，通过使用CircleImageView或者自定义CircleImageView类，我们可以轻松地在Android应用中实现圆形头像的展示，提升应用的视觉效果。无论是直接依赖库还是自定义实现，都提供了灵活的方式来满足项目需求。同时，...
CircleImageView(圆形头像).zip
07-30
"CircleImageView"的核心原理是利用了Android的`BitmapShader`类来实现图像的形状变换。`BitmapShader`可以定义Bitmap如何渲染，包括平铺、缩放以及我们这里关心的——设置特定的形状，如圆形。通过设置`...
NineImageForCircleFriends朋友圈九宫格
weixin_33766805的博客
12-13 87
###需求 当只有一张的时候,显示一张图片(宽度是整个手机宽度(去掉左右margin和padding值)) 当有两张和四张图片的时候,图片的宽度是整个宽度的1/2,当然要剔除margin和padding值 当图片是3,5,6,7,8,9张的时候,显示的是类似于微信九宫格的图片 ###主要的测量方法 @Override protected void onMeasure(int widt...
Android-NineImageForCircleFriends朋友圈九宫格
08-13
仿制朋友圈,根据项目需求进行了定制,使得单张图片,两张图片,四张图片按照需求进行了排版
circleimageview-2.2.0.aar
11-08
circleimageview-2.2.0.aar，circle image view compile 'de.hdodenhof:circleimageview:2.1.0'
【Android自定义View实战】之自定义圆形头像CircleImageView支持加载网络图片
DylanAndroid
10-27 5854
在Android开发中我们常常用到圆形的头像，如果每次加载之后再进行圆形裁剪特别麻烦。所以在这里写一个自定义圆形ImageView，直接去加载网络图片，这样的话就特别的方便。 先上效果图 主要的方法 1.让自定义 CircleImageView 继承ImageView /** * 自定义圆形头像 * Created by Dylan on 2015/11/26 0026.
自定义控件之圆形头像CircleImageView
做最好的自己
10-13 401
本文为 安卓自定义控件之 圆形头像
recyclerview 复杂布局
qq_34900897的博客
05-15 361
这个吧我的头都搞痛了，哎！！先看布局 这种类型于朋友圈的这样，最多9张至少一张的，刚开始决定每个大小size用不同的LinearLayoutmanager来实现，一个用1，两个就用gradmanager来实现，这类文字很多，因为这里的地址是网络地址传的是string，在自定义manager的时候发现，测量的高度始终为0，这样的话就无法显示图片，最后在本地使用一张图片，发现可以显示，那说明方法没有用错，最后就不得不放弃，另找一种方法。这个原因就花了一个下午的时间，因为时间紧，所以就换个写法。..
Android ImageView实现圆形头像
Line
04-21 2764
转载自：http://blog.csdn.net/feixiangdexin123087/article/details/42076987一、原理解析 先在canvas上面画一个圆形，参照圆形的起点坐标、半径，再画一个边长为圆的直径的bitmap（这个bitmap就是你想画的圆形头像），此时圆和bitmap重叠在一起，圆在下面，bitmap在上面，bitmap覆盖着圆。 这时，圆形和bi
Android进阶之路 - Circleimageview的使用姿势
Android、前端、小程序、后端
03-19 2305
大牛经常说站在巨人的肩膀上摸月亮，所以我并没有去看这个控件内部如何实现，而是5-10分钟简单的集成到自己的项目中进行使用Circleimageview在我认为是非常实用的一个第三方控件，快速的实现了我们经常会使用到的圆形图标，如用户的头像或是一些item的图片展示效果图（手机截图出来的，显示比较大，大家凑乎看吧，CreamView包名已经改为Circleimageview-对了，展示大小自己设置，我
Android CircleImageView自定义圆环头像控件的使用
hubeiqiyuan的博客
05-24 1520
1：最近项目中在做一个圆形头像，之前用的只是简单的圆形，现在整理的需求是圆环，于是折腾了下，查找了资料，总结如下： 原理：先在canvas上面画一个圆形，参照圆形的起点坐标、半径，再画一个边长为圆的直径的bitmap（这个bitmap就是你想画的圆形头像），此时圆和bitmap重叠在一起，圆在下面，bitmap在上面，bitmap覆盖着圆。 public Bitmap toRoundBitma
android 一分钟掌握圆形布局原理--圆形菜单控件 so easy
热门推荐
lmj121212的专栏
11-19 1万+
前言：首先看看我们的两个demo效果，一个类似支付宝网格属性图，一个类似建行圆形菜单。 这两个效果，第一个涉及自定义view，第二个涉及ViewGroup。如果对于自定义view有一点了解实现起来都不难，但是很多时候自己对于自定义view是一种恐惧，因为写的很少。比如今天的圆形布局的view，其实它并没有想象的那么难，就是三角函数的应用，而且根本不需要记忆，只需要我们知道三角函数的函
Android studio中实现圆形头像
最新发布
04-02
在Android Studio中实现圆形头像的方法有以下几种： 1. 使用ImageView的圆形裁剪功能 在布局文件中添加一个ImageView，并设置其src属性为头像图片，然后设置其scaleType为centerCrop，最后使用android:background属性设置圆形背景即可实现圆形头像。 ``` <ImageView android:id="@+id/avatar" android:layout_width="100dp" android:layout_height="100dp" android:scaleType="centerCrop" android:src="@drawable/avatar" android:background="@drawable/circle"/> ``` 其中，circle.xml是一个圆形背景的drawable文件，代码如下： ``` <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#FFFFFF" /> </shape> ``` 2. 使用Glide库实现圆形头像 Glide是一款强大的图片加载库，可以方便地加载网络或本地图片，并提供了很多图片处理的功能，包括圆形裁剪。 在布局文件中添加一个ImageView，并设置其src属性为空，然后在Java代码中使用Glide加载头像图片，并使用Glide提供的Transformations.circleCrop()方法进行圆形裁剪，最后设置到ImageView中即可。 ``` <ImageView android:id="@+id/avatar" android:layout_width="100dp" android:layout_height="100dp"/> Glide.with(this) .load("http://xxx.com/avatar.png") .apply(RequestOptions.circleCropTransform()) .into(imageView); ``` 3. 使用自定义View实现圆形头像 自定义View是一种更灵活、更可定制化的实现方式。可以继承View或其子类，然后在onDraw方法中绘制头像图片，并使用canvas.drawCircle()方法绘制圆形背景。 ``` public class CircleImageView extends ImageView { private Paint mPaint; public CircleImageView(Context context) { super(context); init(); } public CircleImageView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public CircleImageView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setColor(Color.WHITE); } @Override protected void onDraw(Canvas canvas) { Drawable drawable = getDrawable(); if (drawable == null) { super.onDraw(canvas); return; } Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap(); Bitmap circleBitmap = getCircleBitmap(bitmap); canvas.drawBitmap(circleBitmap, 0, 0, null); } private Bitmap getCircleBitmap(Bitmap bitmap) { Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(output); int width = bitmap.getWidth(); int height = bitmap.getHeight(); int radius = Math.min(width, height) / 2; canvas.drawCircle(width / 2, height / 2, radius, mPaint); mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(bitmap, 0, 0, mPaint); return output; } } ``` 在布局文件中使用自定义View即可。 ``` <com.example.CircleImageView android:id="@+id/avatar" android:layout_width="100dp" android:layout_height="100dp" android:src="@drawable/avatar"/> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值