热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

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

由于工作要求最近在使用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/*";
  private GridView gridView; // 网格显示缩略图
  private final int IMAGE_OPEN = 4; // 打开图片标记
  private String pathImage; // 选择图片路径
  private Bitmap bmp; // 导入临时图片
  private ArrayList> 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 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<&#63;> 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);
  }
}

弹出的对话框(仿照微信来完成):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;
/**
 * 对话框实现类
 * @author admin
 *
 */
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;
    }
  }
  /**
   * 按钮的监听器
   * @author Orathee
   * @date 2014年3月20日 下午4:28:39
   */
  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实现仿微信图片上传功能(附源代码),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


推荐阅读
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 【Windows】实现微信双开或多开的方法及步骤详解
    本文介绍了在Windows系统下实现微信双开或多开的方法,通过安装微信电脑版、复制微信程序启动路径、修改文本文件为bat文件等步骤,实现同时登录两个或多个微信的效果。相比于使用虚拟机的方法,本方法更简单易行,适用于任何电脑,并且不会消耗过多系统资源。详细步骤和原理解释请参考本文内容。 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
author-avatar
小虎
每一天,不管用什么方式,我都要变得越来越好!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有