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

Android仿QQ讨论组头像效果

这篇文章主要为大家详细介绍了Android仿QQ讨论组头像效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android仿QQ讨论组头像展示的具体代码,供大家参考,具体内容如下

一、效果图

二、实现

基本实现过程:

1.将原图片读取为bitmap

2.在Canvas画布上计算出图片位置,并绘制新的图片。

(ps:计算位置对我来说是难点,花了好长时间);

三、源码

1.布局文件

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

 
 
 
 
 
 
 
 
 
 
 

2.Activity

package com.hand.px_demo.QQHead;
 
import android.app.Activity;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.widget.ImageView;
 
import com.hand.px_demo.R;
 
import java.util.ArrayList;
 
/**
 * Created by panx on 2016/12/12.
 */
public class QHeadActivity extends Activity{
 private ArrayList bitmaps = new ArrayList();
 private ImageView img_src_0;
 private ImageView img_src_1;
 private ImageView img_src_2;
 private ImageView img_src_3;
 private ImageView img_src_4;
 private ImageView img_result_2;
 private ImageView img_result_3;
 private ImageView img_result_4;
 private ImageView img_result_5;
 
 private HeadManager headManager;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_qq_head);
 headManager = new HeadManager();
 initView();
 initData();
 }
 
 private void initView(){
 img_src_0 = (ImageView)findViewById(R.id.img_src_0);
 img_src_1 = (ImageView)findViewById(R.id.img_src_1);
 img_src_2 = (ImageView)findViewById(R.id.img_src_2);
 img_src_3 = (ImageView)findViewById(R.id.img_src_3);
 img_src_4 = (ImageView)findViewById(R.id.img_src_4);
 img_result_2 = (ImageView)findViewById(R.id.img_result_2);
 img_result_3 = (ImageView)findViewById(R.id.img_result_3);
 img_result_4 = (ImageView)findViewById(R.id.img_result_4);
 img_result_5 = (ImageView)findViewById(R.id.img_result_5);
 }
 
 private void initData(){
 //从drawable中获取图片资源的bitmap
 Resources r = this.getResources();
 Bitmap bitmap0 = BitmapFactory.decodeResource(r,R.drawable.src_head_1);
 Bitmap bitmap1 = BitmapFactory.decodeResource(r,R.drawable.src_head_2);
 Bitmap bitmap2 = BitmapFactory.decodeResource(r,R.drawable.src_head_3);
 Bitmap bitmap3 = BitmapFactory.decodeResource(r,R.drawable.src_head_4);
 Bitmap bitmap4 = BitmapFactory.decodeResource(r,R.drawable.src_head_5);
 
 bitmaps.add(bitmap0);
 bitmaps.add(bitmap1);
 bitmaps.add(bitmap2);
 bitmaps.add(bitmap3);
 bitmaps.add(bitmap4);
 
 img_src_0.setImageBitmap(bitmap0);
 img_src_1.setImageBitmap(bitmap1);
 img_src_2.setImageBitmap(bitmap2);
 img_src_3.setImageBitmap(bitmap3);
 img_src_4.setImageBitmap(bitmap4);
 
 Bitmap r2Bitmap = headManager.getBitMap(bitmaps, 2);
 Bitmap r3Bitmap = headManager.getBitMap(bitmaps, 3);
 Bitmap r4Bitmap = headManager.getBitMap(bitmaps, 4);
 Bitmap r5Bitmap = headManager.getBitMap(bitmaps, 5);
 
 img_result_2.setImageBitmap(r2Bitmap);
 img_result_3.setImageBitmap(r3Bitmap);
 img_result_4.setImageBitmap(r4Bitmap);
 img_result_5.setImageBitmap(r5Bitmap);
 
 }
 
}

3.绘制图片的核心代码

(1)压缩图片

 /*对原始图片进行缩放*/
 public Bitmap zoomImage(Bitmap bgimage, double newWidth,
         double newHeight) {
 // 获取这个图片的宽和高
 float width = bgimage.getWidth();
 float height = bgimage.getHeight();
 // 创建操作图片用的matrix对象
 Matrix matrix = new Matrix();
 // 计算宽高缩放率
 float scaleWidth = ((float) newWidth) / width;
 float scaleHeight = ((float) newHeight) / height;
 // 缩放图片动作
 matrix.postScale(scaleWidth, scaleHeight);
 Bitmap bitmap = Bitmap.createBitmap(bgimage, 0, 0, (int) width,
  (int) height, matrix, true);
 return bitmap;
 }

(2)将图片改成圆角

private Bitmap makeRoundCorner(Bitmap bitmap, int width, int height) {
 int left = 0, top = 0, right = width, bottom = height;
 float roundPx = height / 2;
 if (width > height) {
  left = (width - height) / 2;
  top = 0;
  right = left + height;
  bottom = height;
 } else if (height > width) {
  left = 0;
  top = (height - width) / 2;
  right = width;
  bottom = top + width;
  roundPx = width / 2;
 }
 Bitmap output = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
 Canvas canvas = new Canvas(output);
 int color = 0xff424242;
 Paint paint = new Paint();
 Rect rect = new Rect(left, top, right, bottom);
 RectF rectF = new RectF(rect);
 
 paint.setAntiAlias(true);
 canvas.drawARGB(0, 0, 0, 0);
 paint.setColor(color);
 canvas.drawRoundRect(rectF, roundPx, roundPx, paint);
 paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
 canvas.drawBitmap(bitmap, rect, rect, paint);
 return output;
 }

(3)获取绘制的坐标

private ArrayList getFivePoints(int point_x, int point_y, int d) {
 ArrayList points = new ArrayList();
 //圆心至图片的距离
 int wr = point_y - d;
 //大圆心至小圆心的距离
 int R = wr + d / 2;
 //头像半径,头像直径为d
 int r = d / 2;
 int RCos18 = (int) (R * (Math.cos(0.1 * Math.PI)));
 int RSin18 = (int) (R * (Math.sin(0.1 * Math.PI)));
 int RCos36 = (int) (R * (Math.cos(0.2 * Math.PI)));
 int RSin36 = (int) (R * (Math.sin(0.2 * Math.PI)));
 Point point1 = new Point(point_x - r, 0);
 Point point2 = new Point();
 point2.x = RCos18 + point_x - r;
 point2.y = point_y - RSin18 - r;
 Point point3 = new Point();
 point3.x = RSin36 + point_x - r;
 point3.y = point_y + RCos36 - r;
 Point point4 = new Point();
 point4.x = point_x - RSin36 - r;
 point4.y = point3.y;
 Point point5 = new Point();
 point5.x = point_x - (int) (RCos18) - r;
 point5.y = point2.y;
 
 points.add(point1);
 points.add(point2);
 points.add(point3);
 points.add(point4);
 points.add(point5);
 
 return points;
 }

(4)该类全部源码

package com.hand.px_demo.QQHead;
 
import android.app.Activity;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.widget.ImageView;
 
import com.hand.px_demo.R;
 
import java.util.ArrayList;
 
/**
 * Created by panx on 2016/12/12.
 */
public class QHeadActivity extends Activity{
 private ArrayList bitmaps = new ArrayList();
 private ImageView img_src_0;
 private ImageView img_src_1;
 private ImageView img_src_2;
 private ImageView img_src_3;
 private ImageView img_src_4;
 private ImageView img_result_2;
 private ImageView img_result_3;
 private ImageView img_result_4;
 private ImageView img_result_5;
 
 private HeadManager headManager;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_qq_head);
 headManager = new HeadManager();
 initView();
 initData();
 }
 
 private void initView(){
 img_src_0 = (ImageView)findViewById(R.id.img_src_0);
 img_src_1 = (ImageView)findViewById(R.id.img_src_1);
 img_src_2 = (ImageView)findViewById(R.id.img_src_2);
 img_src_3 = (ImageView)findViewById(R.id.img_src_3);
 img_src_4 = (ImageView)findViewById(R.id.img_src_4);
 img_result_2 = (ImageView)findViewById(R.id.img_result_2);
 img_result_3 = (ImageView)findViewById(R.id.img_result_3);
 img_result_4 = (ImageView)findViewById(R.id.img_result_4);
 img_result_5 = (ImageView)findViewById(R.id.img_result_5);
 }
 
 private void initData(){
 //从drawable中获取图片资源的bitmap
 Resources r = this.getResources();
 Bitmap bitmap0 = BitmapFactory.decodeResource(r,R.drawable.src_head_1);
 Bitmap bitmap1 = BitmapFactory.decodeResource(r,R.drawable.src_head_2);
 Bitmap bitmap2 = BitmapFactory.decodeResource(r,R.drawable.src_head_3);
 Bitmap bitmap3 = BitmapFactory.decodeResource(r,R.drawable.src_head_4);
 Bitmap bitmap4 = BitmapFactory.decodeResource(r,R.drawable.src_head_5);
 
 bitmaps.add(bitmap0);
 bitmaps.add(bitmap1);
 bitmaps.add(bitmap2);
 bitmaps.add(bitmap3);
 bitmaps.add(bitmap4);
 
 img_src_0.setImageBitmap(bitmap0);
 img_src_1.setImageBitmap(bitmap1);
 img_src_2.setImageBitmap(bitmap2);
 img_src_3.setImageBitmap(bitmap3);
 img_src_4.setImageBitmap(bitmap4);
 
 Bitmap r2Bitmap = headManager.getBitMap(bitmaps, 2);
 Bitmap r3Bitmap = headManager.getBitMap(bitmaps, 3);
 Bitmap r4Bitmap = headManager.getBitMap(bitmaps, 4);
 Bitmap r5Bitmap = headManager.getBitMap(bitmaps, 5);
 
 img_result_2.setImageBitmap(r2Bitmap);
 img_result_3.setImageBitmap(r3Bitmap);
 img_result_4.setImageBitmap(r4Bitmap);
 img_result_5.setImageBitmap(r5Bitmap);
 
 }
 
}

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


推荐阅读
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • VScode格式化文档换行或不换行的设置方法
    本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • Java序列化对象传给PHP的方法及原理解析
    本文介绍了Java序列化对象传给PHP的方法及原理,包括Java对象传递的方式、序列化的方式、PHP中的序列化用法介绍、Java是否能反序列化PHP的数据、Java序列化的原理以及解决Java序列化中的问题。同时还解释了序列化的概念和作用,以及代码执行序列化所需要的权限。最后指出,序列化会将对象实例的所有字段都进行序列化,使得数据能够被表示为实例的序列化数据,但只有能够解释该格式的代码才能够确定数据的内容。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • 本文讨论了在Spring 3.1中,数据源未能自动连接到@Configuration类的错误原因,并提供了解决方法。作者发现了错误的原因,并在代码中手动定义了PersistenceAnnotationBeanPostProcessor。作者删除了该定义后,问题得到解决。此外,作者还指出了默认的PersistenceAnnotationBeanPostProcessor的注册方式,并提供了自定义该bean定义的方法。 ... [详细]
  • eclipse学习(第三章:ssh中的Hibernate)——11.Hibernate的缓存(2级缓存,get和load)
    本文介绍了eclipse学习中的第三章内容,主要讲解了ssh中的Hibernate的缓存,包括2级缓存和get方法、load方法的区别。文章还涉及了项目实践和相关知识点的讲解。 ... [详细]
  • ZSI.generate.Wsdl2PythonError: unsupported local simpleType restriction ... [详细]
author-avatar
牛仔很忙不闲
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有