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); // 最多选择照片数量,默认为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上传功能的更多内容请点击专题:Android上传操作汇总进行学习。

本文已被整理到了《Android微信开发教程汇总》,欢迎大家学习阅读。

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

时间: 2024-10-26 13:28:37

Android仿微信发表说说实现拍照、多图上传功能的相关文章

Android仿微信发表说说实现拍照、多图上传功能_Android

本文实例为大家分享了Android仿微信发表说说.心情功能,供大家参考,具体内容如下 既能实现拍照,选图库,多图案上传的案例,目前好多App都有类似微信朋友圈的功能,能过发表说说等附带图片上传.下面的就是实现该功能的过程:大家还没有看过Android Retrofit 2.0框架上传图片解决方案这篇文章,在看今天的就很容易,接在本项目中用到了一个library:photopicker,封装了图片的选择功能,是否选相机,还有选中图片后可以查看图片的功能.   一. 首先:将photopicker到

Android 仿微信朋友圈点赞和评论弹出框功能_Android

贡献/下载源码:https://github.com/mmlovesyy/PopupWindowDemo 本文简单模仿微信朋友圈的点赞和评论弹出框,布局等细节请忽略,着重实现弹出框.发评论,及弹出位置的控制. 1. 微信弹出框 微信朋友圈的点赞和评论功能,有2个组成部分: 点击左下角的"更多"按钮,弹出对话框: 点击评论,弹出输入框,添加评论并在页面中实时显示:   微信朋友圈点赞和评论功能 2. 实际效果 本文将建一个 ListView,在其 Item 中简单模仿微信的布局,然后着重

Android仿微信选择图片和拍照功能_Android

本文实例为大家分享了 Android微信选择图片的具体代码,和微信拍照功能,供大家参考,具体内容如下 1.Android6.0系统,对于权限的使用都是需要申请,选择图片和拍照需要申请Manifest.permission.CAMERA, Manifest.permission.READ_EXTERNAL_STORAGE这两个权限. if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) != PackageM

Android仿微信选择图片和拍照功能

本文实例为大家分享了 Android微信选择图片的具体代码,和微信拍照功能,供大家参考,具体内容如下 1.Android6.0系统,对于权限的使用都是需要申请,选择图片和拍照需要申请Manifest.permission.CAMERA, Manifest.permission.READ_EXTERNAL_STORAGE这两个权限. if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) != PackageM

Android Retrofit实现多图片/文件、图文上传功能

什么是 Retrofit ? Retrofit是Square开发的一个Android和Java的REST客户端库.这个库非常简单并且具有很多特性,相比其他的网络库,更容易让初学者快速掌握.它可以处理GET.POST.PUT.DELETE-等请求,还可以使用picasso加载图片. 一.再次膜拜下Retrofit Retrofit无论从性能还是使用方便性上都很屌!!!,本文不去介绍其运作原理(虽然很想搞明白),后面会出专题文章解析Retrofit的内部原理:本文只是从使用上解析Retrofit实现

Android 高仿微信朋友圈拍照上传功能

模仿微信朋友圈发布动态,输入文字支持文字多少高度自增,有一个最小输入框高度,输入文字有限制,不过这些都很easy! 1. PhotoPicker的使用 这是一个支持选择多张图片,点击图片放大,图片之间左右滑动互相切换的库,同时支持图片删除的库,效果类似微信. (1) 添加PhotoPicker的架包 (2) 使用 选择图片:安卓6.0以后需要在代码中添加读写sd卡和相机的权限 当然清单文件中也需要添加的 PhotoPicker.builder() .setPhotoCount(maxPhoto)

Android仿微信QQ设置图形头像裁剪功能_Android

最近在做毕业设计,想有一个功能和QQ一样可以裁剪头像并设置圆形头像,额,这是设计狮的一种潮流. 而纵观现在主流的APP,只要有用户系统这个功能,这个需求一般都是在(bu)劫(de)难(bu)逃(xue)! 图片裁剪实现方式有两种,一种是利用系统自带的裁剪工具,一种是使用开源工具Cropper.本节就为大家带来如何使用系统自带的裁剪工具进行图片裁剪~ 还是先来个简单的运行图. 额,简单说下,我待会会把代码写成小demo分享给大家,在文章末尾会附上github链接,需要的可以自行下载~ 下面来简单分

Android仿微信QQ设置图形头像裁剪功能

最近在做毕业设计,想有一个功能和QQ一样可以裁剪头像并设置圆形头像,额,这是设计狮的一种潮流. 而纵观现在主流的APP,只要有用户系统这个功能,这个需求一般都是在(bu)劫(de)难(bu)逃(xue)! 图片裁剪实现方式有两种,一种是利用系统自带的裁剪工具,一种是使用开源工具Cropper.本节就为大家带来如何使用系统自带的裁剪工具进行图片裁剪~ 还是先来个简单的运行图. 额,简单说下,我待会会把代码写成小demo分享给大家,在文章末尾会附上github链接,需要的可以自行下载~ 下面来简单分

Android仿微信列表滑动删除之可滑动控件(一)_Android

这次是列表滑动删除的第三波,仿微信的列表滑动删除.先上个效果图:   前面的文章里面说过开源框架SwipeListView的实现原理是每个列表item中包含上下两层view,普通状态下上层的view覆盖着下层的view,当用户滑开上层的view,下层的view就显示出来了.但是仔细观察微信列表的item,很明显并非这个实现方案,微信的item应该一个单层view,只不过这个item超出了所在的ListView的宽度,在用户滑动item的时候,item超出屏幕的view则会显示在屏幕之上,这种滑动