Welcome 微信登录

首页 / 移动开发 / Android / Android仿微信发表说说实现拍照、多图上传功能

本文实例为大家分享了Android仿微信发表说说、心情功能,供大家参考,具体内容如下
既能实现拍照,选图库,多图案上传的案例,目前好多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); // 最多选择照片数量,默认为6intent.setSelectedPaths(imagePaths); // 已选中的照片地址, 用于回显选中状态startActivityForResult(intent, REQUEST_CAMERA_CODE); 
(2)、设置好之后,重写onActivityResult方法处理选中图片和预览加载适配器

@Overrideprotected 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)、定义一个变量 mMaxPosition,
 (2)、写一个获取最大位置的方法:用来获取item的最大位置。

 //重点在这里,当position==mMaxposition-1让"+"选择图片的默认图片显示。//当目前最多6中图片,则最大7时,图片影藏。if (position==mMaxPosition-1) {holder.image.setImageResource(R.mipmap.ic_launcher);holder.image.setVisibility(View.VISIBLE);if(position==6&&mMaxPosition==7){ holder.image.setImageResource(R.mipmap.ic_launcher); holder.image.setVisibility(View.GONE);}} else {final String path=listUrls.get(position);Glide.with(MainActivity.this).load(new File(path)).placeholder(R.mipmap.default_error).error(R.mipmap.default_error).centerCrop().crossFade().into(holder.image); } 
(3)、关于图片的显示:

 private class GridAdapter extends BaseAdapter{ private ArrayList<String> listUrls; private int mMaxPosition; private LayoutInflater inflater; public GridAdapter(ArrayList<String> listUrls) {this.listUrls = listUrls;inflater = LayoutInflater.from(MainActivity.this); } public int getCount() { mMaxPosition = listUrls.size()+1;return mMaxPosition; } public int getMaxPosition(){return mMaxPosition; } @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();}Log.d("", "position:"+position+" mMaxPosition:"+mMaxPosition); //重点在这里,当position==mMaxposition-1让"+"选择图片的默认图片显示。 //当目前最多6中图片,则最大7时,图片影藏。if (position==mMaxPosition-1) { //holder.image.setTag("default"); holder.image.setImageResource(R.mipmap.ic_launcher); holder.image.setVisibility(View.VISIBLE); if(position==6&&mMaxPosition==7){holder.image.setImageResource(R.mipmap.ic_launcher);holder.image.setVisibility(View.GONE); } } else { final String path=listUrls.get(position); Glide.with(MainActivity.this) .load(new File(path)) .placeholder(R.mipmap.default_error) .error(R.mipmap.default_error) .centerCrop() .crossFade() .into(holder.image);} 
三、GridView中Item的点击事件
gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) {if (position == gridAdapter.getMaxPosition() - 1) { PhotoPickerIntent intent = new PhotoPickerIntent(MainActivity.this);intent.setSelectModel(SelectModel.MULTI); intent.setShowCarema(true); // 是否显示拍照intent.setMaxTotal(6); // 最多选择照片数量,默认为9 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);} }}); 
整体源码:
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.io.File; import java.util.ArrayList; /*** @* @author lidong* @date 2016-02-29*/ 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 int columnWidth;private GridAdapter gridAdapter;private Button mButton;private String depp;private EditText textView;@Overrideprotected 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);// previewgridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { if (position == gridAdapter.getMaxPosition() - 1) {PhotoPickerIntent intent = new PhotoPickerIntent(MainActivity.this);intent.setSelectModel(SelectModel.MULTI);intent.setShowCarema(true); // 是否显示拍照intent.setMaxTotal(6); // 最多选择照片数量,默认为9intent.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); } }});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(){@Overridepublic void run() {super.run();FileUploadManager.upload(imagePaths,depp);} }.start(); }});}@Overrideprotected 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; }}}private void loadAdpater(ArrayList<String> paths){if(imagePaths == null){ imagePaths = new ArrayList<>();}imagePaths.clear();imagePaths.addAll(paths);try{ JSONArray obj = new JSONArray(imagePaths); Log.e("--", obj.toString());}catch (Exception e){ e.printStackTrace();}gridAdapter.notifyDataSetChanged();}private class GridAdapter extends BaseAdapter{private ArrayList<String> listUrls;private int mMaxPosition;private LayoutInflater inflater;public GridAdapter(ArrayList<String> listUrls) { this.listUrls = listUrls; inflater = LayoutInflater.from(MainActivity.this);}public int getCount() { if (listUrls.size() == 9) { mMaxPosition = listUrls.size()+1; } else {mMaxPosition = listUrls.size()+1; } return mMaxPosition;}public int getMaxPosition(){ return mMaxPosition;}@Overridepublic String getItem(int position) { return listUrls.get(position);}@Overridepublic long getItemId(int position) { return position;}@Overridepublic 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(); } Log.d("", "position:"+position+" mMaxPosition:"+mMaxPosition); if (position==mMaxPosition-1) { //holder.image.setTag("default"); holder.image.setImageResource(R.mipmap.ic_launcher); holder.image.setVisibility(View.VISIBLE); if(position==6&&mMaxPosition==7){holder.image.setImageResource(R.mipmap.ic_launcher);holder.image.setVisibility(View.GONE); } } else { final String path=listUrls.get(position); Glide.with(MainActivity.this).load(new File(path)).placeholder(R.mipmap.default_error).error(R.mipmap.default_error).centerCrop().crossFade().into(holder.image); } return convertView;}public class ViewHolder { public ImageView image;}} } 
上传的类:FileUploadManager.java
package com.lidong.photopickersample; import android.util.Log; import com.squareup.okhttp.MediaType; import com.squareup.okhttp.RequestBody; import java.io.File; import java.util.ArrayList; import retrofit.Call; import retrofit.Callback; import retrofit.GsonConverterFactory; import retrofit.Response; import retrofit.Retrofit; import retrofit.http.Multipart; import retrofit.http.POST; import retrofit.http.Part; /*** Created by lidong on 2016/2/29*/ public class FileUploadManager {private static final String ENDPOINT = "http://192.168.1.122:8080";public interface FileUploadService {/** * 上传一张图片 * @param description * @param imgs * @return */@Multipart@POST("/upload")Call<String> uploadImage(@Part("fileName") String description,@Part("file"; filename="image.png"") RequestBody imgs);/** * 上传6张图片 * @param description * @param imgs1 * @param imgs2 * @param imgs3 * @param imgs4 * @param imgs5 * @param imgs6 * @return */@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);}private static final Retrofit sRetrofit = new Retrofit .Builder() .baseUrl(ENDPOINT) .addConverterFactory(GsonConverterFactory.create()) //.addCallAdapterFactory(RxJavaCallAdapterFactory.create()) // 使用RxJava作为回调适配器 .build();private static final FileUploadService apiManager = sRetrofit.create(FileUploadService.class); /*** 发说说* @param paths* @param desp*/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(Response<String> response, Retrofit retrofit) { Log.v("Upload", response.message()); Log.v("Upload", "success"); } @Override public void onFailure(Throwable t) { Log.e("Upload", t.toString()); }});} } 
效果:


以上就是本文的全部内容,希望对大家的学习有所帮助。