Android仿QQ讨论组头像效果
作者：xu.pan 发布时间：2021-08-13 14:08:32
标签：Android,QQ,头像
本文实例为大家分享了Android仿QQ讨论组头像展示的具体代码，供大家参考，具体内容如下
一、效果图
二、实现
基本实现过程：
1.将原图片读取为bitmap
2.在Canvas画布上计算出图片位置，并绘制新的图片。
（ps:计算位置对我来说是难点，花了好长时间）；
三、源码
1.布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp"
android:background="#AEAEAE"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="horizontal">
<ImageView
android:id="@+id/img_src_0"
android:layout_width="0dp"
android:layout_height="match_parent"
android:padding="5dp"
android:layout_weight="1"
android:adjustViewBounds="true"
/>
<ImageView
android:id="@+id/img_src_1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:padding="5dp"
android:layout_weight="1"
android:adjustViewBounds="true"
/>
<ImageView
android:id="@+id/img_src_2"
android:layout_width="0dp"
android:layout_height="match_parent"
android:padding="5dp"
android:layout_weight="1"
android:adjustViewBounds="true"
/>
<ImageView
android:id="@+id/img_src_3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:padding="5dp"
android:layout_weight="1"
android:adjustViewBounds="true"
/>
<ImageView
android:id="@+id/img_src_4"
android:layout_width="0dp"
android:layout_height="match_parent"
android:padding="5dp"
android:layout_weight="1"
android:adjustViewBounds="true"
/>
</LinearLayout>
<ImageView
android:id="@+id/img_result_2"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
/>
<ImageView
android:id="@+id/img_result_3"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
/>
<ImageView
android:id="@+id/img_result_4"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
/>
<ImageView
android:id="@+id/img_result_5"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
/>
</LinearLayout>
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<Bitmap> bitmaps = new ArrayList<Bitmap>();
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<Point> getFivePoints(int point_x, int point_y, int d) {
ArrayList<Point> points = new ArrayList<Point>();
//圆心至图片的距离
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<Bitmap> bitmaps = new ArrayList<Bitmap>();
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);
}
}
来源：https://blog.csdn.net/Lo_ser/article/details/53705904
0
投稿猜你喜欢
- 对于自定义注解这里就不唠叨了，百度一大堆，这里有我一个自定义注解@Retention(RetentionPolicy.RUNTIME)@Ta
Map集合Map集合存储的是键值对Map集合的实现类：HashTable、LinkedHashMap、HashMap、TreeMapHash- 一、基本概念1、进程首先打开任务管理器，查看当前运行的进程：从任务管理器里面可以看到当前所有正在运行的进程。那么究竟什么是进程呢？进程（Pr
- 在C#中，用于存储的结构较多，如：DataTable，DataSet，List，Dictionary，Stack等
- 目录实现多线程的三种方式一、继承Thread类二、实现Runnable接口三、实现Callable和Future接口多线程单条数据事务管理今
- 返回集合为null还是空集合及空集合的三种写法个人认为在自己写接口时，需要返回集合时返回一个空集合，比如mybatis查询如果返回一个集合，
- 作为我最近一直在进行的一些编码访谈的一部分，有时会出现不变性问题。我自己并不过分教条，但每当不需要可变状态时，我会试图摆脱导致可变性的代码，
- Logger来自log4j自己的包。如果用Logger.getLogger，需要一个log4j的jar包，用此方式你只能依log4j：Log
- android中定时有很多种是实现，常见的Handler 与Thread的结合，handler.postDelayed ,以及要使用的Ala
- 默认配置默认配置比较低，打开稍大点的项目就很容易卡掉，所以最好扩大一下内存。IntelliJ IDEA的VM配置IntelliJ IDEA2
- 普通Java-Kotlin类添加注释添加类时注释作者信息和日期时间依次打开File—>Settings—>editor—>
- 前文本章是关于Java流程控制语句的最全汇总，本篇为汇总上篇。流程是人们生活中不可或缺的一部分，它表示人们每天都在按照一定的流程做事。比如出
- 题目一 解法/** * Definition for a binary tree node. * public class Tre
- 前言Spring中的Profile功能其实早在Spring 3.1的版本就已经出来，它可以理解为我们在Spring容器中所定义的Bean的逻
- Spring Security 基本介绍这里就不对Spring Security进行过多的介绍了，具体的可以参考官方文档我就只说下Sprin
- 1、MyBatis调用存储过程MyBatis支持使用存储过程的配置。当使用存储过程时，需要设置一个参数“mode”，其值有IN（输入参数）、
- 在做相机开发时，遇到一个问题，就是需要监听屏幕旋转。最简单的就是使用onConfigurationChanged()和Orientation
- SpringBoot配置文件优先级前面SpringBoot基础有提到，关于SpringBoot配置文件可以是properties或者是yam
- 本文实例为大家分享了C#实现PC蓝牙通信代码，供大家参考，具体内容如下添加引用InTheHand.Net.Personal.dll首先创建一
- 本文实例讲述了基于C#实现XML文件读取工具类。分享给大家供大家参考。具体如下：这是我去年写的一个XML文件读取工具类，现在做了一些调整 基
