AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Android 仿照微信发说说，既能实现拍照，选图库，多图案上传 使用Retrofit2.0技术

2016-02-29 959
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010046908/article/details/50767904          最近项目做完了，有闲暇时间，一直想做一个类似微信中微信发说说，既能实现拍照，选图库，多图案上传的案例，目前好多App都有类似微信朋友圈的功能，能过发表说说等附带图片上传。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://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.在图片路径中默认添加一图片，用来调用需选择图库 
  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;
        }
    }
}

三、上传管理类

/**
 * Created by lidong on 2016/1/28.
 */
public class FileUploadManager {

    private static final String ENDPOINT = "http://192.168.1.21:8080";
    private static String TAG = FileUploadManager.class.getSimpleName();

    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);

        /**
         * 简便写法
         * @param description
         * @param imgs1
         * @return
         */
        @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);


    /**
     * 发说说
     * @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(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"> /**
     *
     * @param paths
     * @param desp
     */
    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;

/**
 * @
 * @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 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 
  
 
  

    
   
<span style="font-size:18px;">@RequestMapping("/upload"   )  
    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";  
    }  </span>
 
   

   
 
  
 
  
 
   六、Struts2接收文件 
  
 
  
 
   
 
  
 
  

    
   
<span style="font-size:18px;color:#ff6666;">@Controller 
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);
}
}</span>
 
   

   
 
  
 
  
 
   
 
  
 
   
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
效果展示
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
  
 
 
 
 
 
  如果在看的过程中，有问题可以QQ联系，1561281670 
 
 
 
 
  
 
 
 


                        
                    

                    
                        

                            

    
文章标签：

    

        

            Android开发
        

    



                            

    
关键词：

    

        

            微信技术
        

        

            Android技术
        

        

            Android微信
        

        

            仿照微信
        

        

            微信图案
        

    



                            
                        

                        
                        
                    
                

                


                

                    

                        

                            
                                
                            
                            

                        

                        请叫我东子
                        

                        

                    

                    

                        

                            

                            
目录

                        

                        

                    

                

                

                    

                


                

    
相关文章

    

        

            

                

                    jsjsjjs
                    
                

                |
                
19天前

                |
                

                    监控
                    算法
                    测试技术
                

            

            

                

                    
                        即时通讯技术文集（第45期）：微信、QQ技术精华合集(Part2) [共14篇]
                    
                    
为了更好地分类阅读 52im.net 总计1000多篇精编文章，我将在每周三推送新的一期技术文集，本次是第45 期。

                    

                        

                            

                                jsjsjjs
                                
                            

                            32
                            3
                            
                        

                    

                

                
            

        

        

            

                

                    三分钟热度的鱼
                    
                

                |
                
5月前

                |
                

                    小程序
                

            

            

                

                    
                        跨端技术问题之为什么在微信小程序中静态转义出didUpdate生命周期可靠程度低
                    
                    
跨端技术问题之为什么在微信小程序中静态转义出didUpdate生命周期可靠程度低

                    

                        

                            

                                三分钟热度的鱼
                                
                            

                            43
                            1
                            
                        

                    

                

                
            

        

        

            

                

                    jsjsjjs
                    
                

                |
                
26天前

                |
                

                    存储
                    编解码
                    监控
                

            

            

                

                    
                        即时通讯技术文集（第44期）：微信、QQ技术精华合集(Part1) [共14篇]
                    
                    
为了更好地分类阅读 52im.net 总计1000多篇精编文章，我将在每周三推送新的一期技术文集，本次是第44 期。

                    

                        

                            

                                jsjsjjs
                                
                            

                            24
                            2
                            
                        

                    

                

                
            

        

        

            

                

                    jsjsjjs
                    
                

                |
                
1月前

                |
                

                    存储
                    监控
                    算法
                

            

            

                

                    
                        社交软件红包技术解密(三)：微信摇一摇红包雨背后的技术细节
                    
                    
本文将由微信团队工程师张文瑞分享微信春节摇一摇红包技术背后的方方面面，希望能给同行们带来启发。

                    

                        

                            

                                jsjsjjs
                                
                            

                            52
                            1
                            
                        

                    

                

                
            

        

        

            

                

                    维小帮
                    
                

                |
                
1月前

                |
                

                    人工智能
                    小程序
                    算法
                

            

            

                

                    
                        微信小程序地图定位的核心技术与实际应用详解
                    
                    
在移动互联网时代，微信小程序凭借其轻量化和普及性，成为室内地图导航的理想平台。本文探讨了微信小程序在室内定位领域的创新应用，包括蓝牙iBeacon定位、高精度地图构建及AI路径规划等核心技术，及其在购物中心、医院、机场火车站和景区等场景的应用，展示了其为用户带来的高效、智能的导航体验。

                    

                        

                            

                                维小帮
                                
                            

                            117
                            0
                            
                        

                    

                

                
            

        

        

            

                

                    jsjsjjs
                    
                

                |
                
3月前

                |
                

                    存储
                    监控
                    容灾
                

            

            

                

                    
                        微信技术总监谈架构：微信之道——大道至简(演讲全文)
                    
                    
在技术架构上，微信是如何做到的？日前，在腾讯大讲堂在中山大学校园宣讲活动上，腾讯广研助理总经理、微信技术总监周颢在两小时的演讲中揭开了微信背后的秘密。

周颢把微信的成功归结于腾讯式的“三位一体”策略：即产品精准、项目敏捷、技术支撑。微信的成功是在三个方面的结合比较好，能够超出绝大多数同行或对手，使得微信走到比较前的位置。所谓产品精准，通俗的讲就是在恰当的时机做了恰当的事，推出了重量级功能，在合适的时间以最符合大家需求的方式推出去。他认为在整个微信的成功中，产品精准占了很大一部分权重。

                    

                        

                            

                                jsjsjjs
                                
                            

                            107
                            1
                            
                        

                    

                

                
                    微信技术总监谈架构：微信之道——大道至简(演讲全文)
                
            

        

        

            

                

                    众所周知
                    
                

                |
                
2月前

                |
                

                    小程序
                    前端开发
                    JavaScript
                

            

            

                

                    
                         微信小程序全栈开发中的PWA技术应用
                    
                    
【10月更文挑战第3天】微信小程序作为新兴应用形态，凭借便捷体验与社交传播能力，成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用，包括离线访问、后台运行、桌面图标及原生体验等方面，助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。

                    

                        

                            

                                众所周知
                                
                            

                            72
                            5
                            
                        

                    

                

                
            

        

        

            

                

                    软件求生
                    
                

                |
                
3月前

                |
                

                    程序员
                    数据库
                    UED
                

            

            

                

                    
                        微信也在用的消息时序性技术，你知道多少？
                    
                    
本文由程序员小米撰写，探讨了在个人项目中如何保证消息的时序性。文章详细介绍了消息时序性的概念及其重要性，并提出了三种方案：ID设计（借鉴微信号段与跳跃式生成）、单聊场景下的单点序列化同步，以及群聊场景中的单点序列化处理。此外，还提供了多种优化方法，如消息时序对齐、本地时序记录等，帮助读者更好地解决消息乱序问题。适合所有关心即时通讯和社交应用技术细节的开发者阅读。

                    

                        

                            

                                软件求生
                                
                            

                            61
                            4
                            
                        

                    

                

                
            

        

        

            

                

                    如夜了我衣衫太薄便归家靠路灯
                    
                

                |
                
4月前

                |
                

                    开发工具
                    Android开发
                

            

            

                

                    
                        uniapp 安卓app 调起微信app 授权登录
                    
                    
uniapp 安卓app 调起微信app 授权登录


                    

                        

                            

                                如夜了我衣衫太薄便归家靠路灯
                                
                            

                            511
                            1
                            
                        

                    

                

                
            

        

        

            

                

                    众所周知
                    
                

                |
                
4月前

                |
                

                    小程序
                    前端开发
                    JavaScript
                

            

            

                

                    
                        微信小程序结合PWA技术，提供离线访问、后台运行、桌面图标及原生体验，增强应用性能与用户交互。
                    
                    
微信小程序结合PWA技术，提供离线访问、后台运行、桌面图标及原生体验，增强应用性能与用户交互。开发者运用Service Worker等实现资源缓存与实时推送，利用Web App Manifest添加快捷方式至桌面，通过CSS3和JavaScript打造流畅动画与手势操作，需注意兼容性与性能优化，为用户创造更佳体验。

                    

                        

                            

                                众所周知
                                
                            

                            122
                            0