Android GridView扩展仿微信微博发图动态添加删除图片
转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/53034123 【DylanAndroid的csdn博客】
在平时的开发中,我们会看到不管是微信发朋友圈照片还是微博发布新鲜事,添加图片的时候都是选完后面还有个+号再去选择图片,这样的话比较方便用户去添加图片,有的右上角还有个-号方便用户去删除图片,而一般用户选择的图片多少都是不定的,我们只限制最大张数,我们用gridview去实现,代码可能比较简单,高手请略过。
0.效果图
1.准备资源图片
- 添加图片的+号图片
删除图片的图片
2.可设置限制用户选择最大张数
/*** 可以动态设置最多上传几张,之后就不显示+号了,用户也无法上传了* 默认9张*/private int maxImages = 9;/*** 获取最大上传张数** @return*/public int getMaxImages() {return maxImages;}/*** 设置最大上传张数** @param maxImages*/public void setMaxImages(int maxImages) {this.maxImages = maxImages;}
3.设置GridView的总数
/*** 让GridView中的数据数目加1最后一个显示+号* 当到达最大张数时不再显示+号* @return 返回GridView中的数量*/@Overridepublic int getCount() {int count = datas == null ? 1 : datas.size() + 1;if (count >= maxImages) {return datas.size();} else {return count;}}
4.getView()中根据position判断+号的显示
@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {ViewHolder viewHolder = null;if (convertView == null) {convertView = inflater.inflate(R.layout.item_published_grida, parent, false);viewHolder = new ViewHolder(convertView);convertView.setTag(viewHolder);} else {viewHolder = (ViewHolder) convertView.getTag();}/**代表+号之前的需要正常显示图片**/if (datas != null && position < datas.size()) {final File file = new File(datas.get(position).get("path").toString());Glide.with(context).load(file).priority(Priority.HIGH).into(viewHolder.ivimage);viewHolder.btdel.setVisibility(View.VISIBLE);viewHolder.btdel.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {if (file.exists()) {file.delete();}datas.remove(position);notifyDataSetChanged();}});} else {/**代表+号的需要+号图片显示图片**/Glide.with(context).load(R.mipmap.image_add).priority(Priority.HIGH).centerCrop().into(viewHolder.ivimage);viewHolder.ivimage.setScaleType(ImageView.ScaleType.FIT_XY);viewHolder.btdel.setVisibility(View.GONE);}return convertView;}
5.GridView的完整代码
package cn.bluemobi.dylan.gridviewaddimage;import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;import com.bumptech.glide.Glide;
import com.bumptech.glide.Priority;import java.io.File;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;/*** com.bm.falvzixun.adapter.GridViewAddImgAdpter** @author yuandl on 2015/12/24.* 添加上传图片适配器*/
public class GridViewAddImgesAdpter extends BaseAdapter {private List<Map<String, Object>> datas;private Context context;private LayoutInflater inflater;/*** 可以动态设置最多上传几张,之后就不显示+号了,用户也无法上传了* 默认9张*/private int maxImages = 9;public GridViewAddImgesAdpter(List<Map<String, Object>> datas, Context context) {this.datas = datas;this.context = context;inflater = LayoutInflater.from(context);}/*** 获取最大上传张数** @return*/public int getMaxImages() {return maxImages;}/*** 设置最大上传张数** @param maxImages*/public void setMaxImages(int maxImages) {this.maxImages = maxImages;}/*** 让GridView中的数据数目加1最后一个显示+号* 当到达最大张数时不再显示+号* @return 返回GridView中的数量*/@Overridepublic int getCount() {int count = datas == null ? 1 : datas.size() + 1;if (count >= maxImages) {return datas.size();} else {return count;}}@Overridepublic Object getItem(int position) {return null;}@Overridepublic long getItemId(int position) {return 0;}public void notifyDataSetChanged(List<Map<String, Object>> datas) {this.datas = datas;this.notifyDataSetChanged();}@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {ViewHolder viewHolder = null;if (convertView == null) {convertView = inflater.inflate(R.layout.item_published_grida, parent, false);viewHolder = new ViewHolder(convertView);convertView.setTag(viewHolder);} else {viewHolder = (ViewHolder) convertView.getTag();}/**代表+号之前的需要正常显示图片**/if (datas != null && position < datas.size()) {final File file = new File(datas.get(position).get("path").toString());Glide.with(context).load(file).priority(Priority.HIGH).into(viewHolder.ivimage);viewHolder.btdel.setVisibility(View.VISIBLE);viewHolder.btdel.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {if (file.exists()) {file.delete();}datas.remove(position);notifyDataSetChanged();}});} else {/**代表+号的需要+号图片显示图片**/Glide.with(context).load(R.mipmap.image_add).priority(Priority.HIGH).centerCrop().into(viewHolder.ivimage);viewHolder.ivimage.setScaleType(ImageView.ScaleType.FIT_XY);viewHolder.btdel.setVisibility(View.GONE);}return convertView;}public class ViewHolder {public final ImageView ivimage;public final Button btdel;public final View root;public ViewHolder(View root) {ivimage = (ImageView) root.findViewById(R.id.iv_image);btdel = (Button) root.findViewById(R.id.bt_del);this.root = root;}}
}
6.用法
- 主布局文件activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/activity_main"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#FFFFFF"android:orientation="vertical"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context="cn.bluemobi.dylan.gridviewaddimage.MainActivity"><EditText
android:layout_width="match_parent"android:layout_height="wrap_content"android:text="说点什么"android:textColor="#000000" /><GridView
android:layout_marginTop="10dp"android:id="@+id/gw"android:numColumns="5"android:horizontalSpacing="6dp"android:columnWidth="60dp"android:layout_width="match_parent"android:layout_height="match_parent" /></LinearLayout>
- gridview的item布局文件item_published_grida.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="66dp"android:layout_height="66dp"><RelativeLayout
android:layout_width="match_parent"android:layout_height="match_parent"><ImageView
android:id="@+id/iv_image"android:layout_width="match_parent"android:gravity="center"android:layout_height="match_parent"android:scaleType="centerCrop"/><Button
android:id="@+id/bt_del"android:layout_width="20dp"android:layout_height="20dp"android:layout_alignParentRight="true"android:background="@drawable/bt_dynamic_del" /></RelativeLayout></RelativeLayout>
- 弹出拍照和从相册选择的对话框布局文件dialog_add_picture.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_marginLeft="5.0dip"android:layout_marginRight="5.0dip"android:background="@android:color/transparent"android:orientation="vertical"><LinearLayout
android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_margin="30px"android:orientation="vertical"><TextView
android:id="@+id/tv_camera"android:layout_width="wrap_content"android:layout_height="144px"android:background="@mipmap/btn_top_arc"android:gravity="center"android:text="拍照"android:textColor="#666666"android:textSize="48px" /><ImageView
android:layout_width="1022px"android:layout_height="4px"android:background="#666666" /><TextView
android:id="@+id/tv_gallery"android:layout_width="wrap_content"android:layout_height="144px"android:gravity="center"android:background="@mipmap/btn_bottom_arc"android:text="从手机相册选择"android:textColor="#666666"android:textSize="48px" /></LinearLayout><TextView
android:id="@+id/tv_cancel"android:layout_width="wrap_content"android:layout_height="144px"android:layout_marginTop="20px"android:layout_marginLeft="30px"android:layout_marginRight="30px"android:layout_gravity="center_horizontal"android:background="@mipmap/btn_top_arc"android:gravity="center"android:text="取消"android:textColor="#666666"android:textSize="48px" /></LinearLayout>
- MainActivity
package cn.bluemobi.dylan.gridviewaddimage;import android.app.Dialog;
import android.content.Intent;
import android.database.Cursor;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.os.Handler;
import android.os.Message;
import android.provider.MediaStore;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.Display;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.TextView;
import android.widget.Toast;import net.bither.util.NativeUtil;import java.io.File;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;public class MainActivity extends AppCompatActivity {private GridView gw;private List<Map<String, Object>> datas;private GridViewAddImgesAdpter gridViewAddImgesAdpter;private Dialog dialog;private final int PHOTO_REQUEST_CAREMA = 1;// 拍照private final int PHOTO_REQUEST_GALLERY = 2;// 从相册中选择private static final String PHOTO_FILE_NAME = "temp_photo.jpg";private File tempFile;private final String IMAGE_DIR = Environment.getExternalStorageDirectory() + "/gridview/";/* 头像名称 */private final String PHOTO_FILE_NAME = "temp_photo.jpg";@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);gw = (GridView) findViewById(R.id.gw);datas = new ArrayList<>();gridViewAddImgesAdpter = new GridViewAddImgesAdpter(datas, this);gw.setAdapter(gridViewAddImgesAdpter);gw.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {showdialog();}});}/*** 选择图片对话框*/public void showdialog() {View localView = LayoutInflater.from(this).inflate(R.layout.dialog_add_picture, null);TextView tv_camera = (TextView) localView.findViewById(R.id.tv_camera);TextView tv_gallery = (TextView) localView.findViewById(R.id.tv_gallery);TextView tv_cancel = (TextView) localView.findViewById(R.id.tv_cancel);dialog = new Dialog(this, R.style.custom_dialog);dialog.setContentView(localView);dialog.getWindow().setGravity(Gravity.BOTTOM);// 设置全屏WindowManager windowManager = getWindowManager();Display display = windowManager.getDefaultDisplay();WindowManager.LayoutParams lp = dialog.getWindow().getAttributes();lp.width = display.getWidth(); // 设置宽度dialog.getWindow().setAttributes(lp);dialog.show();tv_cancel.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View arg0) {dialog.dismiss();}});tv_camera.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {dialog.dismiss();// 拍照camera();}});tv_gallery.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {dialog.dismiss();// 从系统相册选取照片gallery();}});}/*** 拍照*/public void camera() {// 判断存储卡是否可以用,可用进行存储if (hasSdcard()) {File dir = new File(IMAGE_DIR);if (!dir.exists()) {dir.mkdir();}tempFile = new File(dir,System.currentTimeMillis() + "_" + PHOTO_FILE_NAME);//从文件中创建uriUri uri = Uri.fromFile(tempFile);Intent intent = new Intent();intent.putExtra(MediaStore.EXTRA_OUTPUT, uri);intent.setAction(MediaStore.ACTION_IMAGE_CAPTURE);intent.addCategory(intent.CATEGORY_DEFAULT);// 开启一个带有返回值的Activity,请求码为PHOTO_REQUEST_CAREMAstartActivityForResult(intent, PHOTO_REQUEST_CAREMA);} else {Toast.makeText(this, "未找到存储卡,无法拍照!", Toast.LENGTH_SHORT).show();}}/*** 判断sdcard是否被挂载*/public boolean hasSdcard() {return Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED);}/*** 从相册获取2*/public void gallery() {Intent intent = new Intent(Intent.ACTION_PICK,MediaStore.Images.Media.EXTERNAL_CONTENT_URI);startActivityForResult(intent, PHOTO_REQUEST_GALLERY);}@Overrideprotected void onActivityResult(int requestCode, int resultCode, Intent data) {super.onActivityResult(requestCode, resultCode, data);if (resultCode == RESULT_OK) {if (requestCode == PHOTO_REQUEST_GALLERY) {// 从相册返回的数据if (data != null) {// 得到图片的全路径Uri uri = data.getData();String[] proj = {MediaStore.Images.Media.DATA};//好像是android多媒体数据库的封装接口,具体的看Android文档Cursor cursor = managedQuery(uri, proj, null, null, null);//按我个人理解 这个是获得用户选择的图片的索引值int column_index = cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA);//将光标移至开头 ,这个很重要,不小心很容易引起越界cursor.moveToFirst();//最后根据索引值获取图片路径String path = cursor.getString(column_index);uploadImage(path);}} else if (requestCode == PHOTO_REQUEST_CAREMA) {if (resultCode != RESULT_CANCELED) {// 从相机返回的数据if (hasSdcard()) {if (tempFile != null) {uploadImage(tempFile.getPath());} else {Toast.makeText(this, "相机异常请稍后再试!", Toast.LENGTH_SHORT).show();}Log.i("images", "拿到照片path=" + tempFile.getPath());} else {Toast.makeText(this, "未找到存储卡,无法存储照片!", Toast.LENGTH_SHORT).show();}}}}}Handler handler = new Handler() {@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);if (msg.what == 0xAAAAAAAA) {photoPath(msg.obj.toString());}}};/*** 上传图片** @param path*/private void uploadImage(final String path) {new Thread() {@Overridepublic void run() {if (new File(path).exists()) {Log.d("images", "源文件存在" + path);} else {Log.d("images", "源文件不存在" + path);}File dir = new File(IMAGE_DIR);if (!dir.exists()) {dir.mkdir();}final File file = new File(dir + "/temp_photo" + System.currentTimeMillis() + ".jpg");NativeUtil.compressBitmap(path, file.getAbsolutePath(), 50);if (file.exists()) {Log.d("images", "压缩后的文件存在" + file.getAbsolutePath());} else {Log.d("images", "压缩后的不存在" + file.getAbsolutePath());}Message message = new Message();message.what = 0xAAAAAAAA;message.obj = file.getAbsolutePath();handler.sendMessage(message);}}.start();}public void photoPath(String path) {Map<String,Object> map=new HashMap<>();map.put("path",path);datas.add(map);gridViewAddImgesAdpter.notifyDataSetChanged();}
}
7.GitHub源码 :https://github.com/linglongxin24/GridViewAddImage
Android GridView扩展仿微信微博发图动态添加删除图片相关推荐
- android仿微信发布动态功能,Android GridView扩展仿微信微博发图动态添加删除图片功能.pdf...
Android GridView扩扩展展仿仿微微信信微微博博发发图图动动态态添添加加删删除除图图片片功功能能 这篇文章主要为大家详细介绍了Android GridView扩展仿微信微博发图动态添加删除 ...
- android仿微博发动态,Android GridView扩展仿微信微博发图动态添加删除图片功能
在平时的开发中,我们会看到不管是微信发朋友圈照片还是微博发布新鲜事,添加图片的时候都是选完后面还有个+号再去选择图片,这样的话比较方便用户去添加图片,有的右上角还有个-号方便用户去删除图片,而一般用户 ...
- Android UI设计 下拉菜单Spinner用法 动态添加删除Spinner菜单项
Spinner是一种下接菜单,类似HTML中的select标签,点击后弹出一个对话框,显示几个供选择的选项,手机屏幕大小有限,如果都用RadioGroup单选按钮,会占用很大的空间.今天的例子最终效果 ...
- android仿微博头像_Android仿微信微博多图展示效果
1.简介 这是一个用于实现像微信朋友圈和微博的类似的九宫格图片展示控件,通过自定义viewgroup实现,使用方便. 多图根据屏幕适配,单张图片时需要自己指定图片的宽高: 2.使用方法 引用: com ...
- Android高仿微信微博多图展示
NineGridLayout 1.简介 这是一个用于实现像微信朋友圈和微博的类似的九宫格图片展示控件,通过自定义viewgroup实现,使用方便. 多图根据屏幕适配,单张图片时需要自己指定图片的宽高: ...
- 微信小程序中动态添加删除class类名 使用三元表达式动态设置标签的class名
目的,在微信小程序的swiper中达到除了active的哪一项外的其他项都有一个半透明的白色浮层. 效果图 如下: 功能实现: 我们使用三元表达式即可实现动态设置标签中的class属性 如下: < ...
- 使用GridView实现仿微信发朋友圈添加图片,点击预览、删除图片
最近在项目中有一个用户反馈的功能中要上传图片,和微信发朋友圈添加图片的功能其实有点类似,所以我想着用GridView来实现这个功能,整个过程也很简单,画不多说,详细步骤见下: 1.先来看MainAct ...
- 云炬Android开发笔记 15评价晒单功能实现(自定义评分控件和仿微信自动多图选择控件)
阅读目录 1. 晒单评价 1.1 点击页面跳转的实现 1.2 自定义评价订单的布局实现 1.3 星星布局的实现 2. 仿微信自动多图及删除控件 2.1 属性值及控件的定义 2.2 图片初始化方法onM ...
- Android编程实战——仿微信群聊-2——对象的网络传输
Android编程实战--仿微信群聊-2--对象的网络传输 项目源代码移步github 上一章服务器端有个消息类MyMessage类没有细讲,这里就说一下MyMessage和更重要的网络中对象的传输( ...
最新文章
- sdcard不可执行.
- 远程桌面 出现内部错误_如何解决远程桌面连接延迟高的问题?
- 极光推送收费标准_刚刚,安卓统一推送又有进展了!华为率先...
- 哔哩哔哩公司swot分析_可口可乐公司2019年SWOT分析
- 机器学习之SVM调参实例
- html插入视频时不自动播放,html5中嵌入视频自动播放的问题解决
- python flask 分页_Python利用flask sqlalchemy实现分页效果
- linux 怎么添加文件类型,如何在Linux/Unix上添加基于文件类型的文件扩展名?
- Jeecg弱口令后台上传getShell渗透测试
- gimp 抠图_gimp软件如何实现抠图?
- H5打开APP或小程序
- java sharepoint_java调用sharepoint webservice
- 改变一个ppt所有的幻灯片的背景色和字体颜色
- hivesql解析json格式的key与value
- 企业采用IT人才外包会有这么多好处
- ios动态效果实现翻页_iOS实现日历翻页动画
- Periodic Strings (求HoHoHo字符串最小周期)
- 如何做到像百度云或者网易公开课一样动态更换APP启动图
- Android 上面实现红外解析(NEC编码)
- net项目使用花生壳,Cpolar进行内网穿透