Android使用Retrofit2.0技术仿微信发说说

最近项目做完了，有闲暇时间，一直想做一个类似微信中微信发说说，既能实现拍照，选图库，多图案上传的案例，目前好多App都有类似微信朋友圈的功能，能过发表说说等附带图片上传。下面的就是实现该功能的过程：大家还没有看过Android Retrofit 2.0框架上传图片解决方案（一张与多张的处理）这篇文章，在看今天的就很容易，接在本项目中用到了一个library：photopicker，封装了图片的选择功能，是否选相机，还有选中图片后可以查看图片的功能。 

一、 首先：将photopicker到工程中

（1）、先简单讲解一下PhotoPickerIntent的用法：         

PhotoPickerIntent intent = new PhotoPickerIntent(MainActivity.this); 
  intent.setSelectModel(SelectModel.MULTI); // 
  intent.setShowCarema(true); // 是否显示拍照 
  intent.setMaxTotal(6); // 最多选择照片数量，默认为6 
  intent.setSelectedPaths(imagePaths); // 已选中的照片地址， 用于回显选中状态 
  startActivityForResult(intent, REQUEST_CAMERA_CODE); 

（2）、设置好之后，重写onActivityResult方法处理选中图片和预览加载适配器

@Override 
 protected void onActivityResult(int requestCode, int resultCode, Intent data) { 
 super.onActivityResult(requestCode, resultCode, data); 
 if(resultCode == RESULT_OK) { 
  switch (requestCode) { 
  // 选择照片 
  case REQUEST_CAMERA_CODE: 
   loadAdpater(data.getStringArrayListExtra(PhotoPickerActivity.EXTRA_RESULT)); 
   break; 
  // 预览 
  case REQUEST_PREVIEW_CODE: 
   loadAdpater(data.getStringArrayListExtra(PhotoPreviewActivity.EXTRA_RESULT)); 
   break; 
  } 
 } 
 } 

 二、重点在GridAdapter

1.在图片路径中默认添加一图片，用来调用需选择图库
imagePaths.add("000000"); 

2.根据路径判断选中的图片。如果超过6张，默认路径从集合中移除。

 private class GridAdapter extends BaseAdapter{ 
 private ArrayList<String> listUrls; 
 private LayoutInflater inflater; 
 public GridAdapter(ArrayList<String> listUrls) { 
  this.listUrls = listUrls; 
  if(listUrls.size() == 7){ 
  listUrls.remove(listUrls.size()-1); 
  } 
  inflater = LayoutInflater.from(MainActivity.this); 
 } 
 public int getCount(){ 
  return listUrls.size(); 
 } 
 @Override 
 public String getItem(int position) { 
  return listUrls.get(position); 
 } 
 @Override 
 public long getItemId(int position) { 
  return position; 
 } 
 @Override 
 public View getView(int position, View convertView, ViewGroup parent) { 
  ViewHolder holder = null; 
  if (convertView == null) { 
  holder = new ViewHolder(); 
  convertView = inflater.inflate(R.layout.item_image, parent,false); 
  holder.image = (ImageView) convertView.findViewById(R.id.imageView); 
  convertView.setTag(holder); 
  } else { 
  holder = (ViewHolder)convertView.getTag(); 
  } 
  final String path=listUrls.get(position); 
  if (path.equals("000000")){ 
  holder.image.setImageResource(R.mipmap.ic_launcher); 
  }else { 
  Glide.with(MainActivity.this) 
   .load(path) 
   .placeholder(R.mipmap.default_error) 
   .error(R.mipmap.default_error) 
   .centerCrop() 
   .crossFade() 
   .into(holder.image); 
  } 
  return convertView; 
 } 
  class ViewHolder { 
  ImageView image; 
 } 
 } 
} 

三、上传管理类

 
public class FileUploadManager { 
 private static final String ENDPOINT = "Http://192.168.1.21:8080"; 
 private static String TAG = FileUploadManager.class.getSimpleName(); 
 public interface FileUploadService { 
  
 @Multipart 
 @POST("/upload") 
 Call<String> uploadImage(@Part("fileName") String description, 
     @Part("file\"; filename=\"image.png\"") RequestBody imgs); 
  
 @Multipart 
 @POST("/upload") 
 Call<String> uploadImage(@Part("description") String description, 
     @Part("file\"; filename=\"image.png\"") RequestBody imgs1, 
     @Part("file\"; filename=\"image.png\"") RequestBody imgs2, 
     @Part("file\"; filename=\"image.png\"") RequestBody imgs3, 
     @Part("file\"; filename=\"image.png\"") RequestBody imgs4, 
     @Part("file\"; filename=\"image.png\"") RequestBody imgs5, 
     @Part("file\"; filename=\"image.png\"") RequestBody imgs6); 
  
 @Multipart 
 @POST("/upload") 
 Call<String> uploadImage(@Part("description") String description,@PartMap 
     Map<String, RequestBody> imgs1); 
 } 
 private static final Retrofit sRetrofit = new Retrofit .Builder() 
  .baseUrl(ENDPOINT) 
  .addConverterFactory(GsonConverterFactory.create()) 
  .build(); 
 private static final FileUploadService apiManager = sRetrofit.create(FileUploadService.class); 
  
 public static void upload(ArrayList<String> paths,String desp){ 
 RequestBody[] requestBody= new RequestBody[6]; 
 if (paths.size()>0) { 
  for (int i=0;i<paths.size();i++) { 
  requestBody[i] = 
   RequestBody.create(MediaType.parse("multipart/fORM-data"), new File(paths.get(i))); 
  } 
 } 
 Call<String> call = apiManager.uploadImage( desp,requestBody[0],requestBody[1],requestBody[2],requestBody[3],requestBody[4],requestBody 
[5]); 
 call.enqueue(new Callback<String>() { 
  @Override 
  public void onResponse(Call<String> call, Response<String> response) { 
  Log.d(TAG, "onResponse() called with: " + "call = [" + call + "], response = [" + response + "]"); 
  } 
  @Override 
  public void onFailure(Call<String> call, Throwable t) { 
  Log.d(TAG, "onFailure() called with: " + "call = [" + call + "], t = [" + t + "]"); 
  } 
 }); 
 }<pre name="code" class="java">  
 public static void uploadMany(ArrayList<String> paths,String desp){ 
 Map<String,RequestBody> photos = new HashMap<>(); 
 if (paths.size()>0) { 
  for (int i=0;i<paths.size();i++) { 
  String substring = paths.get(i).substring(paths.get(i).lastIndexOf("/") + 1, paths.get(i).length()); 
  photos.put("file\"; filename="+substring, RequestBody.create(MediaType.parse("multipart/form-data"), new File(paths.get(i)))); 
  } 
 } 
 Call<String> strinGCall = apiManager.uploadImage(desp, photos); 
 stringCall.enqueue(new Callback<String>() { 
  @Override 
  public void onResponse(Call<String> call, Response<String> response) { 
  Log.d(TAG, "onResponse() called with: " + "call = [" + call + "], response = [" + response + "]"); 
  } 
  @Override 
  public void onFailure(Call<String> call, Throwable t) { 
  Log.d(TAG, "onFailure() called with: " + "call = [" + call + "], t = [" + t + "]"); 
  } 
 }); 
 } 

四、项目代码

package com.lidong.photopickersample; 
import android.content.Intent; 
import android.os.Bundle; 
import android.support.v7.app.AppCompatActivity; 
import android.util.Log; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.AdapterView; 
import android.widget.BaseAdapter; 
import android.widget.Button; 
import android.widget.EditText; 
import android.widget.GridView; 
import android.widget.ImageView; 
import com.bumptech.glide.Glide; 
import com.lidong.photopicker.ImageCaptureManager; 
import com.lidong.photopicker.PhotoPickerActivity; 
import com.lidong.photopicker.PhotoPreviewActivity; 
import com.lidong.photopicker.SelectModel; 
import com.lidong.photopicker.intent.PhotoPickerIntent; 
import com.lidong.photopicker.intent.PhotoPreviewIntent; 
import org.JSON.jsONArray; 
import java.util.ArrayList; 
 
public class MainActivity extends AppCompatActivity { 
 private static final int REQUEST_CAMERA_CODE = 10; 
 private static final int REQUEST_PREVIEW_CODE = 20; 
 private ArrayList<String> imagePaths = new ArrayList<>(); 
 private ImageCaptureManager captureManager; // 相机拍照处理类 
 private GridView gridView; 
 private GridAdapter gridAdapter; 
 private Button mButton; 
 private String depp; 
 private EditText textView; 
 private String TAG =MainActivity.class.getSimpleName(); 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.activity_main); 
 gridView = (GridView) findViewById(R.id.gridView); 
 mButton = (Button) findViewById(R.id.button); 
 textView= (EditText)findViewById(R.id.et_context); 
 int cols = getResources().getDisplayMetrics().widthPixels / getResources().getDisplayMetrics().densityDpi; 
 cols = cols < 3 ? 3 : cols; 
 gridView.setNumColumns(cols); 
 // preview 
 gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { 
  @Override 
  public void onItemClick(AdapterView<?> parent, View view, int position, long id) { 
  String imgs = (String) parent.getItemAtPosition(position); 
  if ("000000".equals(imgs) ){ 
   PhotoPickerIntent intent = new PhotoPickerIntent(MainActivity.this); 
   intent.setSelectModel(SelectModel.MULTI); 
   intent.setShowCarema(true); // 是否显示拍照 
   intent.setMaxTotal(6); // 最多选择照片数量，默认为6 
   intent.setSelectedPaths(imagePaths); // 已选中的照片地址， 用于回显选中状态 
   startActivityForResult(intent, REQUEST_CAMERA_CODE); 
  }else{ 
   PhotoPreviewIntent intent = new PhotoPreviewIntent(MainActivity.this); 
   intent.setCurrentItem(position); 
   intent.setPhotoPaths(imagePaths); 
   startActivityForResult(intent, REQUEST_PREVIEW_CODE); 
  } 
  } 
 }); 
 imagePaths.add("000000"); 
 gridAdapter = new GridAdapter(imagePaths); 
 gridView.setAdapter(gridAdapter); 
 mButton.setOnClickListener(new View.OnClickListener() { 
  @Override 
  public void onClick(View v) { 
  depp =textView.getText().toString().trim()!=null?textView.getText().toString().trim():"woowoeo"; 
  new Thread(){ 
   @Override 
   public void run() { 
   super.run(); 
   FileUploadManager.uploadMany(imagePaths, depp); 
//   FileUploadManager.upload(imagePaths,depp); 
   } 
  }.start(); 
  } 
 }); 
 } 
 @Override 
 protected void onResume() { 
 super.onResume(); 
 } 
 @Override 
 protected void onActivityResult(int requestCode, int resultCode, Intent data) { 
 super.onActivityResult(requestCode, resultCode, data); 
 if(resultCode == RESULT_OK) { 
  switch (requestCode) { 
  // 选择照片 
  case REQUEST_CAMERA_CODE: 
   ArrayList<String> list = data.getStringArrayListExtra(PhotoPickerActivity.EXTRA_RESULT); 
   Log.d(TAG, "list: " + "list = [" + list.size()); 
   loadAdpater(list); 
   break; 
  // 预览 
  case REQUEST_PREVIEW_CODE: 
   ArrayList<String> ListExtra = data.getStringArrayListExtra(PhotoPreviewActivity.EXTRA_RESULT); 
   Log.d(TAG, "ListExtra: " + "ListExtra = [" + ListExtra.size()); 
   loadAdpater(ListExtra); 
   break; 
  } 
 } 
 } 
 private void loadAdpater(ArrayList<String> paths){ 
 if (imagePaths!=null&& imagePaths.size()>0){ 
  imagePaths.clear(); 
 } 
 if (paths.contains("000000")){ 
  paths.remove("000000"); 
 } 
 paths.add("000000"); 
 imagePaths.addAll(paths); 
 gridAdapter = new GridAdapter(imagePaths); 
 gridView.setAdapter(gridAdapter); 
 try{ 
  JSONArray obj = new JSONArray(imagePaths); 
  Log.e("--", obj.toString()); 
 }catch (Exception e){ 
  e.printStackTrace(); 
 } 
 } 
 private class GridAdapter extends BaseAdapter{ 
 private ArrayList<String> listUrls; 
 private LayoutInflater inflater; 
 public GridAdapter(ArrayList<String> listUrls) { 
  this.listUrls = listUrls; 
  if(listUrls.size() == 7){ 
  listUrls.remove(listUrls.size()-1); 
  } 
  inflater = LayoutInflater.from(MainActivity.this); 
 } 
 public int getCount(){ 
  return listUrls.size(); 
 } 
 @Override 
 public String getItem(int position) { 
  return listUrls.get(position); 
 } 
 @Override 
 public long getItemId(int position) { 
  return position; 
 } 
 @Override 
 public View getView(int position, View convertView, ViewGroup parent) { 
  ViewHolder holder = null; 
  if (convertView == null) { 
  holder = new ViewHolder(); 
  convertView = inflater.inflate(R.layout.item_image, parent,false); 
  holder.image = (ImageView) convertView.findViewById(R.id.imageView); 
  convertView.setTag(holder); 
  } else { 
  holder = (ViewHolder)convertView.getTag(); 
  } 
  final String path=listUrls.get(position); 
  if (path.equals("000000")){ 
  holder.image.setImageResource(R.mipmap.ic_launcher); 
  }else { 
  Glide.with(MainActivity.this) 
   .load(path) 
   .placeholder(R.mipmap.default_error) 
   .error(R.mipmap.default_error) 
   .centerCrop() 
   .crossFade() 
   .into(holder.image); 
  } 
  return convertView; 
 } 
  class ViewHolder { 
  ImageView image; 
 } 
 } 
} 

五、springMVC接收文件的action

 public String addUser(@RequestParam("file") CommonsMultipartFile[] files, 
  httpservletRequest request){ 
 for(int i = 0;i<files.length;i++){ 
  System.out.println("fileName---------->" + files[i].getOriginalFilename()); 
  if(!files[i].isEmpty()){ 
  int pre = (int) System.currentTimeMillis(); 
  try { 
   //拿到输出流，同时重命名上传的文件 
   FileOutputStream os = new FileOutputStream("f:/img"+"/" + new Date().getTime()+".jpg"); 
   //拿到上传文件的输入流 
   FileInputStream in = (FileInputStream) files[i].getInputStream(); 
   //以写字节的方式写文件 
   int b = 0; 
   while((b=in.read()) != -1){ 
   os.write(b); 
   } 
   os.flush(); 
   os.close(); 
   in.close(); 
   int finaltime = (int) System.currentTimeMillis(); 
   System.out.println(finaltime - pre); 
  } catch (Exception e) { 
   e.printStackTrace(); 
   System.out.println("上传出错"); 
  } 
 } 
 } 
 return "/success"; 
 } 

 六、Struts2接收文件

public class UploadFile extends ActionSupport { 
  
private static final long serialVersionUID = 1L; 
private File[] file;//文件数组 
private String description;//说说内容 
public File[] getFile() { 
 return file; 
} 
public void setFile(File[] file) { 
 this.file = file; 
} 
public String getDescription() { 
 return description; 
} 
public void setDescription(String description) { 
 this.description = description; 
} 
@Action("/upload") 
public void upload() { 
 System.out.println("上传的文件="+Arrays.toString(file)); 
 System.out.println("说说内容="+description); 
} 
} 

项目下载地址：https://GitHub.com/lidong1665/Android-UploadMultipartImage

效果图：

您可能感兴趣的文章:Android Retrofit文件下载进度显示问题的解决方法Android使用Retrofit仿微信多张图片拍照上传Android中okhttp3.4.1+retrofit2.1.0实现离线缓存Android中Retrofit+OkHttp进行HTTP网络编程的使用指南Android中的Retrofit+OkHttp+RxJava缓存架构使用Android Retrofit 2.0框架上传图片解决方案简略分析Android的Retrofit应用开发框架源码Android app开发中Retrofit框架的初步上手使用Android Retrofit的简单介绍和使用