栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 移动开发 > Android

Android中使用GridView实现仿微信图片上传功能(附源代码)

Android 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Android中使用GridView实现仿微信图片上传功能(附源代码)

由于工作要求最近在使用GridView完成图片的批量上传功能,我的例子当中包含仿微信图片上传、拍照、本地选择、相片裁剪等功能,如果有需要的朋友可以看一下,希望我的实际经验能对您有所帮助。

直接上图,下面的图片就是点击“加号”后弹出的对话框,通过对话框可以根据自己需求进行相片选择。

            

项目结构:

下面直接上代码。

整体的布局文件activity_main.xml


  
    
    
  
  
  
    
      
      
 
 
      
      
      
 
      
    
  
  

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
    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 map = new HashMap();
    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 == 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 map = new HashMap();
 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 map = new HashMap();
      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);
    }
  }
  
  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);
  }
}

弹出的对话框(仿照微信来完成):MyDialog

package com.yihang.dialog;
import com.yihang.photodemo.R;
import android.app.Dialog;
import android.content.Context;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.View.OnClickListener;

public class MyDialog extends Dialog implements onClickListener {
  public MyDialog(Context context) {
    super(context,R.style.myDialog);
    //初始化布局
 setContentView(R.layout.layout_select_photo);
 Window dialogWindow = getWindow();
 dialogWindow.setLayout(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
 dialogWindow.setGravity(Gravity.BOTTOM);
 setCanceledonTouchOutside(true);
 findViewById(R.id.btn_camera).setonClickListener(this);
 findViewById(R.id.btn_gallery).setonClickListener(this);
 findViewById(R.id.btn_cancel).setonClickListener(this);
  }
  @Override
  public void onClick(View v) {
    // TODO Auto-generated method stub
    switch (v.getId()) {
    case R.id.btn_camera:
      onButtonClickListener.camera();
      break;
    case R.id.btn_gallery:
      onButtonClickListener.gallery();
      break;
    case R.id.btn_cancel:
      onButtonClickListener.cancel();
      break;
    default:
      break;
    }
  }
  
  public interface OnButtonClickListener{
    void camera();
    void gallery();
    void cancel();
  }
  private onButtonClickListener onButtonClickListener;
  public onButtonClickListener getonButtonClickListener() {
    return onButtonClickListener;
  }
  public void setonButtonClickListener(onButtonClickListener onButtonClickListener) {
    this.onButtonClickListener = onButtonClickListener;
  }
}

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


  
      
      
      
  

自定义的GridView:

package com.yihang.MyGridView;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.GridView;
public class MyGridView extends GridView {
  public MyGridView(Context context, AttributeSet attrs) {
    super(context, attrs);
    // TODO Auto-generated constructor stub
  }
  public MyGridView(Context context) {
    super(context);
  }
  public MyGridView(Context context, AttributeSet attrs, int defStyle) {
    super(context);
  }
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // TODO Auto-generated method stub
    int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
 MeasureSpec.AT_MOST);
    super.onMeasure(widthMeasureSpec, expandSpec);
  }
}

源码下载:http://xiazai.jb51.net/201707/yuanma/photoDemo.rar

总结

以上所述是小编给大家介绍的Android中使用GridView实现仿微信图片上传功能(附源代码),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/158031.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号