转载请标明出处；http://blog.csdn.net/u010046908/article/details/50767904 本文出自:【李东的博客】


最近项目做完了，有闲暇时间，一直想做一个类似微信中微信发说说，既能实现拍照，选图库，多图案上传的案例，目前好多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)、定义一个变量 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;    @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) {                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);                }            }        });        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.upload(imagePaths,depp);                    }                }.start();            }        });    }    @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;            }        }    }    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;        }        @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);            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());            }        });    }}


源码下载地址：
效果图：

欢迎大家吐槽我，QQ：1561201670。

更多相关文章

  1. Android(安卓)根据角度旋转图片
  2. Android(安卓)学习之NDK 安装
  3. 制作一款简单的网络图片查看器
  4. Android(安卓)Studio 一些方便使用的设置
  5. Android车轮之图片加载框架Android-Universal-Image-Loader
  6. Android原生分享功能的思考与实现
  7. Android实现遮罩层（蒙板）效果
  8. 自动释放内存！Facebook推出强大Android图片库Fresco
  9. Android加载大图防止OOM

随机推荐

  1. eclipse - An internal error occurred d
  2. Android中通过按键旋转屏幕
  3. Android(安卓)浅析View的事件分发机制
  4. Android(安卓)Framework层Power键关机流
  5. Appium Android(安卓)元素定位方法 原生+
  6. 如何在Windows下配置Android的Eclipse开
  7. Android(安卓)P的音频架构(二)
  8. Android(安卓)aidl接口远程调用
  9. Android(安卓)Graphics - ColorFilter
  10. Android(安卓)设备 连接打印机