声明： 本文使用Bmob作为云后台，实现一个简简单单的头像的选取、截取、上传、下载功能的实现。
编码环境：Android Studio2.1.1
运行环境：Miui8.6.8.18(安卓版本号6.0.1MMB29M)
手机型号：小米3
如有错误，欢迎指正！
准备工作：
添加必要的权限，Bmob的配置这里不再进行介绍。
<!--相机的权限-->
<uses-permission android:name="android.permission.CAMERA"/>
<!--sd卡读取权限-->
<!--获取sd卡写的权限，用于文件上传和下载-->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>
<!--允许联网 -->
<uses-permission android:name="android.permission.INTERNET" />
<!--获取GSM（2g）、WCDMA（联通3g）等网络状态的信息 -->
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<!--获取wifi网络状态的信息 -->
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<!--保持CPU 运转，屏幕和键盘灯有可能是关闭的,用于文件上传和下载 -->
<uses-permission android:name="android.permission.WAKE_LOCK" />
<!--允许读取手机状态 用于创建BmobInstallation-->
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.READ_SMS" />
<uses-permission android:name="android.permission.GET_TASKS" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
另外Bmob上传文件和下载文件需要okhttp库，所以需要导入okhttp和ok.io依赖，如果导入的是bmob.3.5这样的依赖的话，内含了ok.io依赖，所以只需要导入okhttp就好。下边是两个build.gradle文件
apply plugin: 'com.android.application'
android {
compileSdkVersion 23
buildToolsVersion "23.0.3"
//**兼容Android6.0系统所需，如果这句话报错，可在dependencies标签下使用compile 'cn.bmob.android:http-legacy:1.0'**
useLibrary 'org.apache.http.legacy'
defaultConfig {
applicationId "com.example.no_clay.demolist"
minSdkVersion 15
targetSdkVersion 23
versionCode 1
versionName "1.0"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
}
dependencies {
compile fileTree(include: ['*.jar'], dir: 'libs')
testCompile 'junit:junit:4.12'
compile 'com.android.support:appcompat-v7:23.4.0'
//以下SDK开发者请根据需要自行选择
//bmob-sdk：Bmob的android sdk包，包含了Bmob的数据存储、文件等服务，以下是最新的bmob-sdk:
compile 'cn.bmob.android:bmob-sdk:3.5.0'
//如果你想应用能够兼容Android6.0，请添加此依赖(org.apache.http.legacy.jar)
compile 'cn.bmob.android:http-legacy:1.0'
// compile 'com.squareup.okhttp:okhttp:2.4.0'
// compile 'com.squareup.okio:okio:1.5.0'
compile files('libs/okhttp-2.4.0.jar')
}
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
repositories {
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:2.1.2'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
}
allprojects {
repositories {
jcenter()
maven { url "https://raw.github.com/bmob/bmob-android-sdk/master" }
}
}
task clean(type: Delete) {
delete rootProject.buildDir
}
Step1:选取图片：
选取图片通常有两种思路，一是利用相机进行拍照选取，而是利用SD卡中现成的图片设置为头像，首先贴一波代码，关于更加详细的“ android.intent.action.GET_CONTENT ”的使用，请查看博客 Android--利用相机或相册截取用户头像（解决了miui无法截取，以及部分机型拍照无返回Uri）
chooseUserImage.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
menuWindow = new SelectPicPopupWindow(context, new
View.OnClickListener() {
@Override
public void onClick(View v) {
menuWindow.dismiss();
switch (v.getId()) {
case R.id.takePhotoBtn: {
String state = Environment.getExternalStorageState();
if (state.equals(Environment.MEDIA_MOUNTED)) {
Intent getImageByCamera = new
Intent("android.media.action.IMAGE_CAPTURE");
startActivityForResult(getImageByCamera,
REQUEST_CODE_CAPTURE_CAMEIA);
} else {
Toast.makeText(getApplicationContext(),
"请确认已经插入SD卡", Toast.LENGTH_LONG).show();
}
break;
}
case R.id.pickPhotoBtn:
Intent intent = new Intent(Intent.ACTION_PICK);//从相册中选取图片
// Intent intent = new Intent("android.intent.action.GET_CONTENT");//从相册/文件管理中选取图片
intent.setType("image/*");//相片类型
startActivityForResult(intent, REQUEST_CODE_PICK_IMAGE);
break;
case R.id.cancelBtn: {
break;
}
}
}
});
menuWindow.showAtLocation(findViewById(R.id.mainLayout),
Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);
}
});在返回事件中处理返回的图片（详细请查看博客 Android--利用相机或相册截取用户头像（解决了miui无法截取，以及部分机型拍照无返回Uri））：
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
Uri imageUri;
if (resultCode == RESULT_CANCELED) {
Toast.makeText(context, "获取失败", Toast.LENGTH_SHORT).show();
chooseUserImage.setImageDrawable(getResources().getDrawable(R.drawable.img_1));//预设的图片
} else if (resultCode == RESULT_OK) {//选取成功后进行裁剪
switch (requestCode) {
case REQUEST_CODE_PICK_IMAGE: {
//从图库中选择图片作为头像
imageUri = data.getData();
reSizeImage(imageUri);
break;
}
case REQUEST_CODE_CAPTURE_CAMEIA: {
//使用相机获取头像
imageUri = data.getData();
Log.d(TAG, "onActivityResult: " + imageUri);
if (imageUri == null) {
//use bundle to get data
Bundle bundle = data.getExtras();
if (bundle != null) {
Bitmap bitMap = (Bitmap) bundle.get("data"); //get bitmap
imageUri = Uri.parse(MediaStore.Images.Media.
insertImage(getContentResolver(), bitMap, null, null));
Log.d(TAG, "onActivityResult: bndle != null" + imageUri);
reSizeImage(imageUri);
} else {
Toast.makeText(getApplicationContext(), "Error", Toast.LENGTH_SHORT).show();
}
}
break;
}
case RESIZE_REQUEST_CODE: {
//剪切图片返回
Log.d(TAG, "onActivityResult: UserImage" + userImageUri);
if (userImageUri == null) {
Toast.makeText(context, "Error", Toast.LENGTH_SHORT).show();
} else {
showImage(userImageUri);
}
break;
}
}
}
}
Step2：截取图片
利用系统库 com.android.camera.action.CROP 进行截取图片的操作，代码如下：
private void reSizeImage(Uri uri) {//重新剪裁图片的大小
File outputImage = new File(Environment.getExternalStorageDirectory(), "crop.jpg");
try {
if (outputImage.exists()) {
outputImage.delete();
}
outputImage.createNewFile();
} catch (Exception e) {
e.printStackTrace();
}//删除输出路径的文件，保证输出的Uri是一个具有路径的空文件，可以解决某些机型截取后返回为nulluserImageUri = Uri.fromFile(outputImage);
Intent intent = new Intent("com.android.camera.action.CROP");
intent.setType("image");
intent.setDataAndType(uri, "image/*");
// 下面这个crop=true是设置在开启的Intent中设置显示的VIEW可裁剪
intent.putExtra("crop", true);//允许剪切
intent.putExtra("scale", true);//支持缩放
intent.putExtra("scaleUpIfNeeded", true);// 去黑边
// aspectX aspectY 是宽高的比例
intent.putExtra("aspectX", 1);//输出是X方向的比例
intent.putExtra("aspectY", 1);
// outputX outputY 是裁剪图片宽高，切忌不要再改动下列数字，会卡死
intent.putExtra("outputX", 500);//输出X方向的像素
intent.putExtra("outputY", 500);//
intent.putExtra("noFaceDetection", true);
intent.putExtra("return-data", false);//设置为不返回数据
/**
* 此方法返回的图片只能是小图片（测试为高宽160px的图片）
* 故将图片保存在Uri中，调用时将Uri转换为Bitmap，此方法还可解决miui系统不能return data的问题
*/
// intent.putExtra("return-data", true);
// intent.putExtra("output", Uri.fromFile(new File("/mnt/sdcard/temp")));//保存路径
intent.putExtra(MediaStore.EXTRA_OUTPUT, userImageUri);//输出的Uri
Log.d(TAG, "reSizeImage() called with: " + "uri = [" + userImageUri + "]");
startActivityForResult(intent, RESIZE_REQUEST_CODE);
}Step3：上传头像
利用Bmob的云后台上传文件的方法是，首先将BmobFile上传到云端，然后通过保存表的方法，让文件与表数据之间产生联系，下面是表结构(帐号和头像):
package com.example.no_clay.demolist.ChooseImage;
import cn.bmob.v3.BmobObject;
import cn.bmob.v3.datatype.BmobFile;
/**
* Created by 寒 on 2016/6/5.
*/
public class SignUserImage extends BmobObject {
private String phoneNumber = null;
private BmobFile image = null;
public String getPhoneNumber() {
return phoneNumber;
}
public void setPhoneNumber(String phoneNumber) {
this.phoneNumber = phoneNumber;
}
public BmobFile getImage() {
return image;
}
public void setImage(BmobFile image) {
this.image = image;
}
} 上传功能的实现：
uploadButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (userImageUri == null) {
Toast.makeText(context, "还没有选择照片", Toast.LENGTH_SHORT);
} else {
try {
Log.d(TAG, "onClick() called with: " + "uri = [" + userImageUri + "]");
final BmobFile bmobFile = new BmobFile(new File(new URI(userImageUri.toString())));
bmobFile.upload(new UploadFileListener() {
@Override
public void done(BmobException e) {
if (e == null) {
signUserImage.setPhoneNumber("测试");
signUserImage.setImage(bmobFile);
signUserImage.save(new SaveListener<String>() {
@Override
public void done(String s, BmobException e) {
if (e == null) {
Toast.makeText(context, "上传成功", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(context, "上传失败", Toast.LENGTH_SHORT).show();
}
}
});
Log.d(TAG, "done() called with: " + "true");
} else {
Log.d(TAG, "done() called with: " + "false");
}
}
});
} catch (URISyntaxException e) {
e.printStackTrace();
}
}
}
});
Step4：下载功能的实现
这里设置一个下载按钮，和一个圆形的头像显示ImageView，下载的话，首先查表找到当前的用户，我这里为了方便，直接使用了ObjectId，可以采用其他查询表的方法进行查询，然后查看与之关联的头像是否为null，不为空则利用BmobFile的下载方法进行下载，这里分别利用BmobFile的两种下载方法实现，我个人推荐后一种，使用简便。代码如下：
downloadButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
BmobQuery<SignUserImage> query = new BmobQuery<SignUserImage>();
query.getObject("5d5bb7a60c", new QueryListener<SignUserImage>() {
@Override
public void done(SignUserImage signUserImage, BmobException e) {
BmobFile bmobFile = signUserImage.getImage();
Log.d(TAG, "done() called with: " + "signUserImage = [" + signUserImage.getObjectId() + "]");
if (bmobFile != null) {//如果有头像
Log.d(TAG, "done() called with: " + "下载中...");
//方法一
// bmobFile.download(new DownloadFileListener() {
// @Override
// public void done(String s, BmobException e) {
// Log.d(TAG, "done() called with: " + "s = [" + s + "]");
// if(e == null){
// Message message = new Message();
// message.what = DOWNLOAD_IMAGE_MSG;
// message.obj = s;
// handler.sendMessage(message);
// }
// }
//
// @Override
// public void onProgress(Integer integer, long l) {
// Log.d(TAG, "onProgress() called with: " + "integer = [" + integer + "], l = [" + l + "]");
// }
// });
//方法二
bmobFile.download(new File(Environment.
getExternalStorageDirectory() + "/userImage.jpg"),//设置保存的路径
new DownloadFileListener() {
@Override
public void done(String s, BmobException e) {
Log.d(TAG, "done() called with: " + "s = [" + s + "]");
if (e == null) {
Message message = new Message();
message.what = DOWNLOAD_IMAGE_MSG;
message.obj = s;
handler.sendMessage(message);
}
}
@Override
public void onProgress(Integer integer, long l) {
Log.d(TAG, "onProgress() called with: " + "integer = [" + integer + "], l = [" + l + "]");
}
});
}
}
});
}
});
}Step5:将下载的图片显示出来
首先贴上一个自定义的圆形ImageView，我们上边设置正方形的剪切范围，就是为了显示圆形的头像，这里现贴出圆形的自定义ImageView:
<span style="font-size:18px;">package com.example.no_clay.demolist.ChooseImage;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;
/**
* Created by 82661 on 2016/8/31.
*/
public class MyCircleImageView extends ImageView {
private Paint paint;
public MyCircleImageView(Context context) {
this(context, null);
}
public MyCircleImageView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public MyCircleImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
paint = new Paint();
}
/**
* 绘制圆形图片
*
* @author caizhiming
*/
@Override
protected void onDraw(Canvas canvas) {
Drawable drawable = getDrawable();
if (null != drawable) {
Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
Bitmap b = getCircleBitmap(bitmap, 14);
final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight());
final Rect rectDest = new Rect(0, 0, getWidth(), getHeight());
paint.reset();
canvas.drawBitmap(b, rectSrc, rectDest, paint);
} else {
super.onDraw(canvas);
}
}
/**
* 获取圆形图片方法
*
* @param bitmap
* @param pixels
* @return Bitmap
* @author caizhiming
*/
private Bitmap getCircleBitmap(Bitmap bitmap, int pixels) {
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
bitmap.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(output);
final int color = 0xff424242;
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(color);
int x = bitmap.getWidth();
canvas.drawCircle(x / 2, x / 2, x / 2, paint);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
canvas.drawBitmap(bitmap, rect, rect, paint);
return output;
}
}
</span>
处理下载的头像，只需要在Handler里边将路径设置转换为Uri设置给ImageView就可以：
Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
switch (msg.what) {
case DOWNLOAD_IMAGE_MSG: {
String path = (String) msg.obj;
showUserImage.setImageURI(Uri.parse(path));
Toast.makeText(context, "下载头像成功", Toast.LENGTH_SHORT).show();
break;
}
}
}
};
这里是最终的效果图
具体的代码可以到这里下载
几个小Demo的合集的下载
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
