热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android实现IM多人员组合的群组头像

这篇文章主要为大家详细介绍了Android实现IM多人员组合的群组头像,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

说明:

此头像类似微信群组头像,整个头像由组内前N位人员的头像组合而成,可用网络或本地图片进行组合,最终显示为一个头像整体,看效果图:

一、自定义整体头像的ViewGroup,计算并保存宽高(重写onMeasure):

@Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  mWidth = getWidth(widthMeasureSpec);
  mHeight = getHeight(heightMeasureSpec);
  setMeasuredDimension(mWidth, mHeight);
 }
 
 private int getWidth(int measureSpec) {
  int width = MIN_WIDTH_AND_HEIGHT;
  int specMode = MeasureSpec.getMode(measureSpec);
  int specSize = MeasureSpec.getSize(measureSpec);
  if (specMode == MeasureSpec.EXACTLY) {
   width = specSize;
  } else if (specMode == MeasureSpec.AT_MOST) {
   width = Math.min(MIN_WIDTH_AND_HEIGHT, specSize);
  }
  return width;
 }
 
 private int getHeight(int measureSpec) {
  int height = MIN_WIDTH_AND_HEIGHT;
  int specMode = MeasureSpec.getMode(measureSpec);
  int specSize = MeasureSpec.getSize(measureSpec);
  if (specMode == MeasureSpec.EXACTLY) {
   height = specSize;
  } else if (specMode == MeasureSpec.AT_MOST) {
   height = Math.min(MIN_WIDTH_AND_HEIGHT, specSize);
  }
  return height;
 }

二、布局子头像的View(重写onLayout,对每个子头像进行布局):

@Override
 protected void onLayout(boolean changed, int l, int t, int r, int b) {
  layoutChild();
 }
 
 private void layoutChild() {
  if (mImgUrls == null || mImgUrls.isEmpty()) {
   return;
  }
  for (int i = 0; i 

三、加载并显示各子头像(使用Glide加载并显示每个子头像)

private void showImage(Context context, ImageView iv, String url) {
  if (TextUtils.isEmpty(url)) {
   Bitmap bmp = BitmapFactory.decodeResource(context.getResources(), R.mipmap.user_default_icon);
   iv.setImageBitmap(bmp);
   return;
  }
  Glide.with(context).load(url)
    .diskCacheStrategy(DiskCacheStrategy.ALL)
    .dontAnimate()
    .placeholder(R.mipmap.user_default_icon)
    .error(R.mipmap.user_default_icon)
    .into(iv);
 }

到此多图片组合头像已经完成,不过想要圈形的还需要进行以下步奏

四、裁剪整个群头像为圆形(重写dispatchDraw):

@Override
 protected void dispatchDraw(Canvas canvas) {
  Path path = new Path();
  path.addCircle(mWidth / 2, mHeight / 2, mWidth / 2, Path.Direction.CW);
  canvas.clipPath(path);
  canvas.drawColor(Color.TRANSPARENT);
  super.dispatchDraw(canvas);
  drawGroupView(canvas);
 }
 
 /**
  * 绘制各头像间隔线
  * @param canvas
  */
 private void drawGroupView(Canvas canvas) {
  /*
  计算各条线的x和y坐标值
   */
  float[] point1 = new float[2], point2 = new float[2];
  ...
  drawLine(canvas, point1, point2);
 }
 
 /**
  * 绘制直线
  */
 private void drawLine(Canvas canvas, float[] point1, float[] point2) {
  mPaint.reset();
  mPaint.setAntiAlias(true);
  mPaint.setStrokeWidth(mInterval);
  mPaint.setColor(Color.WHITE);
  mPaint.setStyle(Paint.Style.STROKE);
  canvas.drawLine(point1[0], point1[1], point2[0], point2[1], mPaint);
 }

五、暴露公共方法供外部调用:

/**
  * 设置图片url集合
  *
  * @param imgs 图片url集合
  */
 public void setImages(List imgs) {
  if (imgs == null || imgs.isEmpty()) {
   return;
  }
  if (imgs.size() > MAX_SIZE) {
   imgs = imgs.subList(0, MAX_SIZE);
  }
  removeAllViews();
  mImgUrls = imgs;
  mImgSize = imgs.size();
  for (int i = 0; i ();
  imgUrls.add(img);
  setImages(imgUrls);
 }
 
 /**
  * 生成一个头像布局
  */
 private ImageView getItemView(int position) {
  ...
 }

六、使用:

1.写一个布局文件放自定义群组头像控件:

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
 


2.代码中群组头像控件显示图片:

@BindView(R2.id.cv_head)
 public HeadView mHeadCv;
 
 private String[] IMG_URL_LIST = {
   "70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=416954025,2289731303&fm=27&gp=0.jpg",
   "70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=704997830,3098922597&fm=27&gp=0.jpg",
   "70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1375449509,557259337&fm=27&gp=0.jpg",
   "70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2825392570,1862752263&fm=27&gp=0.jpg",
   "70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3252489351,440833245&fm=27&gp=0.jpg",
   "70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3586311245,3082636880&fm=27&gp=0.jpg"
 };
 
 private void showImage(){
  ArrayList list = new ArrayList<>();
  for (int i = 0; i <6; i++) {
   list.add(IMG_URL_LIST[i]);
  }
  mHeadCv.setImageUrls(list);
 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • SQLite 动态创建多个表的需求在网络上有不少讨论,但很少有详细的解决方案。本文将介绍如何在 Qt 环境中使用 QString 类轻松实现 SQLite 表的动态创建,并提供详细的步骤和示例代码。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 本文介绍如何使用布局文件在Android应用中排列多行TextView和Button,使其占据屏幕的特定比例,并提供示例代码以帮助理解和实现。 ... [详细]
  • 本文介绍了Android开发中Intent的基本概念及其在不同Activity之间的数据传递方式,详细展示了如何通过Intent实现Activity间的跳转和数据传输。 ... [详细]
  • 优化 Android 按钮状态下的背景和文本颜色变化
    本文介绍如何通过 Android 的 Selector 实现按钮在不同状态下(如按压)的背景和文本颜色动态变化。我们将详细讲解实现步骤,并提供完整的代码示例。 ... [详细]
  • 本文详细介绍超文本标记语言(HTML)的基本概念与语法结构。HTML是构建网页的核心语言,通过标记标签描述页面内容,帮助开发者创建结构化、语义化的Web页面。 ... [详细]
  • 本文介绍了如何通过设置背景形状来轻松地为 Android 的 TextView 添加圆形边框。我们将详细讲解 XML 代码的配置,包括圆角、描边和填充等属性。 ... [详细]
  • 本文介绍如何使用 Android 的 Canvas 和 View 组件创建一个简单的绘图板应用程序,支持触摸绘画和保存图片功能。 ... [详细]
  • 本文深入探讨了 Java 编程语言的基础,特别是其跨平台特性和 JVM 的工作原理。通过介绍 Java 的发展历史和生态系统,帮助初学者理解如何编写并运行第一个 Java 程序。 ... [详细]
  • MATLAB实现n条线段交点计算
    本文介绍了一种通过逐对比较线段来求解交点的简单算法。此外,还提到了一种基于排序的方法,但该方法较为复杂,尚未完全理解。文中详细描述了如何根据线段端点求交点,并判断交点是否在线段上。 ... [详细]
  • 高效解决应用崩溃问题!友盟新版错误分析工具全面升级
    友盟推出的最新版错误分析工具,专为移动开发者设计,提供强大的Crash收集与分析功能。该工具能够实时监控App运行状态,快速发现并修复错误,显著提升应用的稳定性和用户体验。 ... [详细]
  • 本文详细介绍了如何在PHP中使用serialize()和unserialize()函数,以及它们在数据传输和存储中的应用。 ... [详细]
  • Python处理Word文档的高效技巧
    本文详细介绍了如何使用Python处理Word文档,涵盖从基础操作到高级功能的各种技巧。我们将探讨如何生成文档、定义样式、提取表格数据以及处理超链接和图片等内容。 ... [详细]
  • 本文介绍了如何利用 Spring Boot 和 Groovy 构建一个灵活且可扩展的动态计算引擎,以满足钱包应用中类似余额宝功能的推广需求。我们将探讨不同的设计方案,并最终选择最适合的技术栈来实现这一目标。 ... [详细]
  • 采用IKE方式建立IPsec安全隧道
    一、【组网和实验环境】按如上的接口ip先作配置,再作ipsec的相关配置,配置文本见文章最后本文实验采用的交换机是H3C模拟器,下载地址如 ... [详细]
author-avatar
无为小妮子_373
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有