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)、定义一个变量 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());
            }
        });


    }
}



源码下载地址:


效果图:


Android 仿照微信发说说,既能实现拍照,选图库,多图案上传 使用Retrofit2.0技术_第1张图片Android 仿照微信发说说,既能实现拍照,选图库,多图案上传 使用Retrofit2.0技术_第2张图片Android 仿照微信发说说,既能实现拍照,选图库,多图案上传 使用Retrofit2.0技术_第3张图片
欢迎大家吐槽我,QQ:1561201670。

你可能感兴趣的:(android)