android之使用GridView+仿微信图片上传功能(附源代码)

归志宁无五亩园，读书本意在元元。这篇文章主要讲述android之使用GridView+仿微信图片上传功能(附源代码)相关的知识，希望能为你提供帮助。
前言：如果转载文章请声明转载自：https://i.cnblogs.com/EditPosts.aspx?postid=7419021 。另外针对有些网站转载本人的文章结果源码链接不对的问题，本人在此附上源码地址：http://download.csdn.net/download/m0_38125535/9951649。如果您是在其它技术网站看到的这篇文章，发现链接网页显示的是404，请按照本人上面留下的地址下载源码，因为CSDN不知怎么回事无法设置0积分下载，所以只能设置最低1积分，给各位带来的不便请见谅。另外这个方法中存在一个bug，具体bug以及bug的解决方案请参考下面评论区本人的说明。

由于工作要求最近在使用GridView完成图片的批量上传功能，我的例子当中包含仿微信图片上传、拍照、本地选择、相片裁剪等功能，如果有需要的朋友可以看一下，希望我的实际经验能对您有所帮助。
直接上图，下面的图片就是点击“加号”后弹出的对话框，通过对话框可以根据自己需求进行相片选择。

文章图片

文章图片

项目结构：

文章图片

下面直接上代码。
整体的布局文件activity_main.xml

1 < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2xmlns:tools="http://schemas.android.com/tools" 3android:layout_width="match_parent" 4android:layout_height="match_parent" 5android:background="@drawable/index" 6android:orientation="vertical" > 7 8< LinearLayout 9android:layout_width="match_parent" 10android:layout_height="44dp" 11android:background="#24cf5f" 12android:orientation="horizontal" > 13 14< ImageView 15android:id="@+id/back" 16android:layout_width="match_parent" 17android:layout_height="20dp" 18android:layout_gravity="center" 19android:layout_weight="5" 20android:src="https://www.songbingjia.com/android/@drawable/back" /> 21 22< TextView 23android:layout_width="fill_parent" 24android:layout_height="44dp" 25android:layout_weight="1" 26android:gravity="center" 27android:paddingRight="40dp" 28android:text="图片上传" 29android:textColor="#FFFFFF" 30android:textSize="30px" /> 31< /LinearLayout> 32 33< LinearLayout 34android:layout_width="match_parent" 35android:layout_height="1dp" 36android:background="#000000" /> 37 38< ScrollView 39android:layout_width="match_parent" 40android:layout_height="match_parent" 41android:layout_weight="1" > 42 43< LinearLayout 44android:layout_width="match_parent" 45android:layout_height="match_parent" 46android:orientation="vertical" > 47 48< LinearLayout 49android:layout_width="match_parent" 50android:layout_height="1dp" 51android:background="#000000" /> 52 53< LinearLayout 54android:layout_width="match_parent" 55android:layout_height="60dp" 56android:layout_weight="1" 57android:orientation="vertical" > 58 59< TextView 60android:layout_width="match_parent" 61android:layout_height="match_parent" 62android:layout_weight="1" 63android:gravity="center" 64android:text="请选择上传的图片" /> 65 66< TextView 67android:layout_width="match_parent" 68android:layout_height="match_parent" 69android:layout_weight="1" 70android:gravity="center" 71android:text="（友情提示:图片最多可添加9张,点击可删除选择的图片）" 72android:textSize="18px" /> 73< /LinearLayout> 74 75< LinearLayout 76android:layout_width="match_parent" 77android:layout_height="1dp" 78android:background="#000000" /> 79 80< LinearLayout 81android:layout_width="match_parent" 82android:layout_height="match_parent" 83android:layout_weight="1" > 84 85< com.yihang.MyGridView.MyGridView 86android:id="@+id/gridView" 87android:layout_width="match_parent" 88android:layout_height="wrap_content" 89android:layout_margin="5dp" 90android:layout_weight="111" 91android:columnWidth="90dp" 92android:gravity="center" 93android:horizontalSpacing="5dp" 94android:numColumns="4" 95android:stretchMode="columnWidth" 96android:verticalSpacing="5dp" /> 97< /LinearLayout> 98< /LinearLayout> 99< /ScrollView> 100 101< Button 102android:id="@+id/bt_submit" 103android:layout_width="match_parent" 104android:layout_height="match_parent" 105android:layout_gravity="bottom" 106android:layout_weight="5.2" 107android:background="#24cf5f" 108android:text="上传" 109android:textColor="#FFFFFF" 110android:textSize="16sp" /> 111 112 < /LinearLayout>

activity：MainActivity

package com.yihang.activity; import java.io.ByteArrayOutputStream; import java.io.File; import java.util.ArrayList; import java.util.HashMap; import android.app.Activity; import android.app.AlertDialog; import android.app.AlertDialog.Builder; import android.content.DialogInterface; import android.content.Intent; import android.content.pm.ActivityInfo; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.net.Uri; import android.os.Bundle; import android.os.Environment; import android.provider.MediaStore; import android.text.TextUtils; import android.view.LayoutInflater; import android.view.View; import android.view.Window; import android.view.WindowManager; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.GridView; import android.widget.ImageView; import android.widget.SimpleAdapter; import android.widget.SimpleAdapter.ViewBinder; import android.widget.Toast; import com.yihang.dialog.MyDialog; import com.yihang.dialog.MyDialog.OnButtonClickListener; import com.yihang.photodemo.R; public class MainActivity extends Activity implements OnButtonClickListener, OnItemClickListener{ private MyDialog dialog; // 图片选择对话框 public static final int NONE = 0; public static final int PHOTOHRAPH = 1; // 拍照 public static final int PHOTOZOOM = 2; // 缩放 public static final int PHOTORESOULT = 3; // 结果 public static final String IMAGE_UNSPECIFIED = "image/*"; private GridView gridView; // 网格显示缩略图 private final int IMAGE_OPEN = 4; // 打开图片标记 private String pathImage; // 选择图片路径 private Bitmap bmp; // 导入临时图片 private ArrayList< HashMap< String, Object> > imageItem; private SimpleAdapter simpleAdapter; // 适配器@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); /* * 防止键盘挡住输入框不希望遮挡设置activity属性 android:windowSoftInputMode="adjustPan" * 希望动态调整高度 android:windowSoftInputMode="adjustResize" */ getWindow().setSoftInputMode( WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN); // 锁定屏幕 setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); setContentView(R.layout.activity_main); init(); initData(); }private void init() { gridView = (GridView) findViewById(R.id.gridView); gridView.setOnItemClickListener(this); dialog = new MyDialog(this); dialog.setOnButtonClickListener(this); // activity中调用其他activity中组件的方法 LayoutInflater layout = this.getLayoutInflater(); View view = layout.inflate(R.layout.layout_select_photo, null); } private void initData() { /* * 载入默认图片添加图片加号 */ bmp = BitmapFactory.decodeResource(getResources(), R.drawable.gridview_addpic); // 加号 imageItem = new ArrayList< HashMap< String, Object> > (); HashMap< String, Object> map = new HashMap< String, Object> (); map.put("itemImage", bmp); imageItem.add(map); simpleAdapter = new SimpleAdapter(this, imageItem, R.layout.griditem_addpic, new String[] { "itemImage" }, new int[] { R.id.imageView1 }); simpleAdapter.setViewBinder(new ViewBinder() { @Override public boolean setViewValue(View view, Object data, String textRepresentation) { // TODO Auto-generated method stub if (view instanceof ImageView & & data instanceof Bitmap) { ImageView i = (ImageView) view; i.setImageBitmap((Bitmap) data); return true; } return false; } }); gridView.setAdapter(simpleAdapter); }@Override public void camera() { // TODO Auto-generated method stub Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); intent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File( Environment.getExternalStorageDirectory(), "temp.jpg"))); startActivityForResult(intent, PHOTOHRAPH); }@Override public void gallery() { // TODO Auto-generated method stub Intent intent = new Intent(Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI); startActivityForResult(intent, IMAGE_OPEN); }@Override public void cancel() { // TODO Auto-generated method stub dialog.cancel(); }@Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { // TODO Auto-generated method stub super.onActivityResult(requestCode, resultCode, data); if (resultCode == NONE) return; // 拍照 if (requestCode == PHOTOHRAPH) { // 设置文件保存路径这里放在跟目录下 File picture = new File(Environment.getExternalStorageDirectory() + "/temp.jpg"); startPhotoZoom(Uri.fromFile(picture)); }if (data =https://www.songbingjia.com/android/= null) return; // 处理结果 if (requestCode == PHOTORESOULT) { Bundle extras = data.getExtras(); if (extras != null) { Bitmap photo = extras.getParcelable("data"); ByteArrayOutputStream stream = new ByteArrayOutputStream(); photo.compress(Bitmap.CompressFormat.JPEG, 75, stream); // (0-100)压缩文件 // 将图片放入gridview中 HashMap< String, Object> map = new HashMap< String, Object> (); map.put("itemImage", photo); imageItem.add(map); simpleAdapter = new SimpleAdapter(this, imageItem, R.layout.griditem_addpic, new String[] { "itemImage" }, new int[] { R.id.imageView1 }); simpleAdapter.setViewBinder(new ViewBinder() { @Override public boolean setViewValue(View view, Object data, String textRepresentation) { // TODO Auto-generated method stub if (view instanceof ImageView & & data instanceof Bitmap) { ImageView i = (ImageView) view; i.setImageBitmap((Bitmap) data); return true; } return false; } }); gridView.setAdapter(simpleAdapter); simpleAdapter.notifyDataSetChanged(); dialog.dismiss(); }} // 打开图片 if (resultCode == RESULT_OK & & requestCode == IMAGE_OPEN) { startPhotoZoom(data.getData()); } super.onActivityResult(requestCode, resultCode, data); }@Override protected void onResume() { // TODO Auto-generated method stub super.onResume(); if (!TextUtils.isEmpty(pathImage)) { Bitmap addbmp = BitmapFactory.decodeFile(pathImage); HashMap< String, Object> map = new HashMap< String, Object> (); map.put("itemImage", addbmp); imageItem.add(map); simpleAdapter = new SimpleAdapter(this, imageItem, R.layout.griditem_addpic, new String[] { "itemImage" }, new int[] { R.id.imageView1 }); simpleAdapter.setViewBinder(new ViewBinder() { @Override public boolean setViewValue(View view, Object data, String textRepresentation) { // TODO Auto-generated method stub if (view instanceof ImageView & & data instanceof Bitmap) { ImageView i = (ImageView) view; i.setImageBitmap((Bitmap) data); return true; } return false; } }); gridView.setAdapter(simpleAdapter); simpleAdapter.notifyDataSetChanged(); // 刷新后释放防止手机休眠后自动添加 pathImage = null; dialog.dismiss(); }}@Override public void onItemClick(AdapterView< ?> parent, View v, int position, long id) { // TODO Auto-generated method stub if (imageItem.size() == 10) { // 第一张为默认图片 Toast.makeText(MainActivity.this, "图片数9张已满", Toast.LENGTH_SHORT).show(); } else if (position == 0) { // 点击图片位置为+ 0对应0张图片 // 选择图片 dialog.show(); // 通过onResume()刷新数据 } else { dialog(position); }}/* * Dialog对话框提示用户删除操作 position为删除图片位置 */ protected void dialog(final int position) { AlertDialog.Builder builder = new Builder(MainActivity.this); builder.setMessage("确认移除已添加图片吗？"); builder.setTitle("提示"); builder.setPositiveButton("确认", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); imageItem.remove(position); simpleAdapter.notifyDataSetChanged(); } }); builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { dialog.dismiss(); } }); builder.create().show(); }public void startPhotoZoom(Uri uri) { Intent intent = new Intent("com.android.camera.action.CROP"); intent.setDataAndType(uri, IMAGE_UNSPECIFIED); intent.putExtra("crop", "true"); // aspectX aspectY 是宽高的比例 intent.putExtra("aspectX", 1); intent.putExtra("aspectY", 1); // outputX outputY 是裁剪图片宽高 intent.putExtra("outputX", 64); intent.putExtra("outputY", 64); intent.putExtra("return-data", true); startActivityForResult(intent, PHOTORESOULT); }}

【android之使用GridView+仿微信图片上传功能(附源代码)】弹出的对话框(仿照微信来完成)：MyDialog

1 package com.yihang.dialog; 2 3 import com.yihang.photodemo.R; 4 5 import android.app.Dialog; 6 import android.content.Context; 7 import android.view.Gravity; 8 import android.view.View; 9 import android.view.ViewGroup; 10 import android.view.Window; 11 import android.view.View.OnClickListener; 12 /** 13* 对话框实现类 14* @author admin 15* 16*/ 17 public class MyDialog extends Dialog implements OnClickListener { 18 19public MyDialog(Context context) { 20super(context,R.style.myDialog); 21//初始化布局 22setContentView(R.layout.layout_select_photo); 23Window dialogWindow = getWindow(); 24dialogWindow.setLayout(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT); 25dialogWindow.setGravity(Gravity.BOTTOM); 26setCanceledOnTouchOutside(true); 27 28findViewById(R.id.btn_camera).setOnClickListener(this); 29findViewById(R.id.btn_gallery).setOnClickListener(this); 30findViewById(R.id.btn_cancel).setOnClickListener(this); 31} 32 33@Override 34public void onClick(View v) { 35// TODO Auto-generated method stub 36switch (v.getId()) { 37case R.id.btn_camera: 38onButtonClickListener.camera(); 39break; 40case R.id.btn_gallery: 41onButtonClickListener.gallery(); 42break; 43case R.id.btn_cancel: 44onButtonClickListener.cancel(); 45break; 46 47default: 48break; 49} 50} 51/** 52* 按钮的监听器 53* @author Orathee 54* @date 2014年3月20日下午4:28:39 55*/ 56public interface OnButtonClickListener{ 57void camera(); 58void gallery(); 59void cancel(); 60} 61private OnButtonClickListener onButtonClickListener; 62 63public OnButtonClickListener getOnButtonClickListener() { 64return onButtonClickListener; 65} 66 67public void setOnButtonClickListener(OnButtonClickListener onButtonClickListener) { 68this.onButtonClickListener = onButtonClickListener; 69} 70 71 }

对话框的布局文件：layout_select_photo.xml

< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="bottom"> < LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" android:background="@drawable/btn_style_alert_dialog_background" android:padding="20dp"> < TextView android:id="@+id/btn_camera" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:background="@drawable/btn_style_alert_dialog_button" android:textColor="#0f0f0f" android:text="拍照" android:shadowDx="0.5" android:shadowDy="0.5" android:shadowRadius="0.5" android:shadowColor="#ffffff" android:layout_marginBottom="10dp" android:padding="10dp" android:gravity="center"/> < TextView android:id="@+id/btn_gallery" android:layout_width="fill_parent" android:layout_height="wrap_content" android:textSize="18sp" android:background="@drawable/btn_style_alert_dialog_button" android:textColor="#0f0f0f" android:text="从相册中选择" android:shadowDx="0.5" android:shadowDy="0.5" android:shadowRadius="0.5" android:shadowColor="#ffffff" android:layout_marginBottom="10dp" android:padding="10dp" android:gravity="center"/> < TextView android:id="@+id/btn_cancel" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/btn_style_alert_dialog_cancel" android:textColor="#ffffff" android:textSize="18sp" android:text="取消" android:shadowDx="0.5" android:shadowDy="0.5" android:shadowRadius="0.5" android:shadowColor="#000000" android:layout_marginTop="10dp" android:padding="10dp" android:gravity="center"/> < /LinearLayout> < /LinearLayout>

自定义的GridView:

1 package com.yihang.MyGridView; 2 3 import android.content.Context; 4 import android.util.AttributeSet; 5 import android.widget.GridView; 6 7 public class MyGridView extends GridView { 8 9public MyGridView(Context context, AttributeSet attrs) { 10super(context, attrs); 11// TODO Auto-generated constructor stub 12} 13 14public MyGridView(Context context) { 15super(context); 16} 17 18public MyGridView(Context context, AttributeSet attrs, int defStyle) { 19super(context); 20} 21 22@Override 23protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 24// TODO Auto-generated method stub 25int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE > > 2, 26MeasureSpec.AT_MOST); 27super.onMeasure(widthMeasureSpec, expandSpec); 28} 29 }

源代码下载地址：http://download.csdn.net/download/m0_38125535/9951649