android选择头像弹窗,Android App开发常用功能之用户头像选择-Go语言中文社区

前言

现在的APP基本都有个人资料的填写，基本的都有头像的选择，支持拍照和从本地相册选择，剪切圆形头像的功能，现在用个小demo实现以下。

下面看一下效果图

上代码：

主界面代码

package com.example.androidpersonal_icon;

import android.os.Bundle;

import android.os.Environment;

import android.provider.MediaStore;

import android.util.Log;

import android.view.Gravity;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.ImageView;

import java.io.File;

import android.app.Activity;

import android.content.Intent;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.net.Uri;

public class MainActivity extends Activity {

protected static final int CHOOSE_PICTURE = 0;

protected static final int TAKE_PICTURE = 1;

private static final int CROP_SMALL_PICTURE = 2;

protected static Uri tempUri;

private ImageView iv_personal_icon;

private SelectPicPopupWindow menuWindow;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

// 新建一个用来存储照片的文件夹

File destDir = new File(Environment.getExternalStorageDirectory() + "/AndroidPersonal_icon");

if (!destDir.exists()) {

destDir.mkdirs();

}

iv_personal_icon = (ImageView) findViewById(R.id.iv_personal_icon);

iv_personal_icon.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// 实例化SelectPicPopupWindow

menuWindow = new SelectPicPopupWindow(MainActivity.this, itemsOnClick);

// 显示窗口

menuWindow.showAtLocation(MainActivity.this.findViewById(R.id.main),

Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0); // 设置layout在PopupWindow中显示的位置

}

});

// 读取上一次剪切的照片

if (destDir.exists() && destDir.isDirectory()) {

if (destDir.list().length > 0) {

Log.d("111111111112", destDir.toString() + "/image_icon.png");

Bitmap bitmap = BitmapFactory.decodeFile(destDir.toString() + "/image_icon.png");

iv_personal_icon.setImageBitmap(bitmap);

} else {

iv_personal_icon.setBackgroundResource(R.drawable.default_personal_image);

}

}

}

// 为弹出窗口实现监听类

private OnClickListener itemsOnClick = new OnClickListener() {

public void onClick(View v) {

menuWindow.dismiss();

switch (v.getId()) {

case R.id.Layout_take_photo:

Intent openCameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);

tempUri = Uri.fromFile(

new File(Environment.getExternalStorageDirectory() + "/AndroidPersonal_icon", "image.jpg"));

Log.d("11111111", tempUri.toString());

// 指定照片保存路径(SD卡)，image.jpg为一个临时文件，每次拍照后这个图片都会被替换

openCameraIntent.putExtra(MediaStore.EXTRA_OUTPUT, tempUri);

startActivityForResult(openCameraIntent, TAKE_PICTURE);

break;

case R.id.Layout_pick_photo:

Intent openAlbumIntent = new Intent(Intent.ACTION_GET_CONTENT);

openAlbumIntent.setType("image/*");

startActivityForResult(openAlbumIntent, CHOOSE_PICTURE);

break;

default:

break;

}

}

};

@Override

protected void onActivityResult(int requestCode, int resultCode, Intent data) {

super.onActivityResult(requestCode, resultCode, data);

if (resultCode == RESULT_OK) { // 如果返回码是可以用的

switch (requestCode) {

case TAKE_PICTURE:

startPhotoZoom(tempUri); // 开始对图片进行裁剪处理

break;

case CHOOSE_PICTURE:

startPhotoZoom(data.getData()); // 开始对图片进行裁剪处理

break;

case CROP_SMALL_PICTURE:

if (data != null) {

setImageToView(data); // 让刚才选择裁剪得到的图片显示在界面上

}

break;

}

}

}

/**

* 裁剪图片方法实现

*

* @param uri

*/

protected void startPhotoZoom(Uri uri) {

if (uri == null) {

Log.i("tag", "The uri is not exist.");

}

tempUri = uri;

Intent intent = new Intent("com.android.camera.action.CROP");

intent.setDataAndType(uri, "image/*");

// 设置裁剪

intent.putExtra("crop", "true");

// aspectX aspectY 是宽高的比例

intent.putExtra("aspectX", 1);

intent.putExtra("aspectY", 1);

// outputX outputY 是裁剪图片宽高

intent.putExtra("outputX", 150);

intent.putExtra("outputY", 150);

intent.putExtra("return-data", true);

startActivityForResult(intent, CROP_SMALL_PICTURE);

}

/**

* 保存裁剪之后的图片数据

*

* @param

*

* @param picdata

*/

protected void setImageToView(Intent data) {

Bundle extras = data.getExtras();

if (extras != null) {

Bitmap photo = extras.getParcelable("data");

photo = Utils.toRoundBitmap(photo, tempUri); // 这个时候的图片已经被处理成圆形的了

iv_personal_icon.setImageBitmap(photo);

uploadPic(photo);

}

}

private void uploadPic(Bitmap bitmap) {

// 上传至服务器

// ... 可以在这里把Bitmap转换成file，然后得到file的url，做文件上传操作

// 注意这里得到的图片已经是圆形图片了

// bitmap是没有做个圆形处理的，但已经被裁剪了

String imagePath = Utils.savePhoto(bitmap,

Environment.getExternalStorageDirectory().getAbsolutePath() + "/AndroidPersonal_icon", "image_icon");

Log.d("imagePath", imagePath + "");

if (imagePath != null) {

// 拿着imagePath上传了

// ...

}

}

}

圆形头像剪切代码：

package com.example.androidpersonal_icon;

import java.io.File;

import java.io.FileNotFoundException;

import java.io.FileOutputStream;

import java.io.IOException;

import android.graphics.Bitmap;

import android.graphics.Bitmap.Config;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.PorterDuff.Mode;

import android.graphics.PorterDuffXfermode;

import android.graphics.Rect;

import android.graphics.RectF;

import android.net.Uri;

import android.util.Log;

public class Utils {

/**

* Save image to the SD card

*

* @param photoBitmap

* @param photoName

* @param path

*/

public static String savePhoto(Bitmap photoBitmap, String path,

String photoName) {

String localPath = null;

if (android.os.Environment.getExternalStorageState().equals(

android.os.Environment.MEDIA_MOUNTED)) {

File dir = new File(path);

if (!dir.exists()) {

dir.mkdirs();

}

File photoFile = new File(path, photoName + ".png");

FileOutputStream fileOutputStream = null;

try {

fileOutputStream = new FileOutputStream(photoFile);

if (photoBitmap != null) {

if (photoBitmap.compress(Bitmap.CompressFormat.PNG, 100,

fileOutputStream)) { // 转换完成

localPath = photoFile.getPath();

fileOutputStream.flush();

}

}

} catch (FileNotFoundException e) {

photoFile.delete();

localPath = null;

e.printStackTrace();

} catch (IOException e) {

photoFile.delete();

localPath = null;

e.printStackTrace();

} finally {

try {

if (fileOutputStream != null) {

fileOutputStream.close();

fileOutputStream = null;

}

} catch (IOException e) {

e.printStackTrace();

}

}

}

return localPath;

}

/**

* 转换图片成圆形

*

* @param bitmap

* 传入Bitmap对象

* @param tempUri

* @return

*/

public static Bitmap toRoundBitmap(Bitmap bitmap, Uri tempUri) {

int width = bitmap.getWidth();

int height = bitmap.getHeight();

float roundPx;

float left, top, right, bottom, dst_left, dst_top, dst_right, dst_bottom;

if (width <= height) {

roundPx = width / 2;

left = 0;

top = 0;

right = width;

bottom = width;

height = width;

dst_left = 0;

dst_top = 0;

dst_right = width;

dst_bottom = width;

} else {

roundPx = height / 2;

float clip = (width - height) / 2;

left = clip;

right = width - clip;

top = 0;

bottom = height;

width = height;

dst_left = 0;

dst_top = 0;

dst_right = height;

dst_bottom = height;

}

Bitmap output = Bitmap.createBitmap(width, height, Config.ARGB_8888);

Canvas canvas = new Canvas(output);

final int color = 0xff424242;

final Paint paint = new Paint();

final Rect src = new Rect((int) left, (int) top, (int) right,

(int) bottom);

final Rect dst = new Rect((int) dst_left, (int) dst_top,

(int) dst_right, (int) dst_bottom);

final RectF rectF = new RectF(dst);

paint.setAntiAlias(true);// 设置画笔无锯齿

canvas.drawARGB(0, 0, 0, 0); // 填充整个Canvas

paint.setColor(color);

// 以下有两种方法画圆,drawRounRect和drawCircle

// canvas.drawRoundRect(rectF, roundPx, roundPx, paint);//

// 画圆角矩形，第一个参数为图形显示区域，第二个参数和第三个参数分别是水平圆角半径和垂直圆角半径。

canvas.drawCircle(roundPx, roundPx, roundPx, paint);

paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));// 设置两张图片相交时的模式,参考http://trylovecatch.iteye.com/blog/1189452

canvas.drawBitmap(bitmap, src, dst, paint); // 以Mode.SRC_IN模式合并bitmap和已经draw了的Circle

return output;

}

}

ok,大功告成,最后别忘了在清单文件中添加读写sd可权限，不然得不到imagePath