Android仿QQ討論組頭像效果

發布時間：2020-10-18 22:49:31 來源：腳本之家閱讀：148 作者：xu.pan 欄目：移動開發

本文實例為大家分享了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);
 
 }
 
}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。

向AI問一下細節

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

Android仿QQ討論組頭像效果

猜你喜歡

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

Android仿QQ討論組頭像效果

猜你喜歡

最新資訊

相關推薦

相關標簽