`
龙哥IT
  • 浏览: 258342 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

从相册获取图片,可删除和添加多张图片功能

 
阅读更多

发布内容界面添加多张图片。可实现多张图片加载和删除功能

点击添加图片功能放在附件zip包里面,把包解压放入项目中,成library就可以

 添加自定义布局:

 

 <com.xxx.MyGridView
        android:id="@+id/gv_imgs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:horizontalSpacing="5dp"
        android:numColumns="4"
        android:verticalSpacing="5dp" />

 自定义myGridview.java:

 

 

public class MyGridView extends GridView {
    public MyGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyGridView(Context context) {
        super(context);
    }

    public MyGridView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        int expandSpec = MeasureSpec.makeMeasureSpec(
                Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
}

 

 

发布界面代码功能:

 

MyGridView gv_imgs;
    private ImageAdapter mAdapter;
    private List<String> mList = new ArrayList<>();



 mAdapter = new ImageAdapter(mList, this);
        mAdapter.setCallback(new IDeletePicCallback() {
            @Override
            public void callBack(int position) {
                mList.remove(position);
            }
        });
        gv_imgs.setAdapter(mAdapter);

 @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (resultCode != RESULT_OK) {
            return;
        }
        if (requestCode == REQUEST_IMAGE) {
            List<String> list = data.getStringArrayListExtra(MultiImageSelectorActivity.EXTRA_RESULT);
            if (list != null && list.size() >= 0) {
                mList.addAll(list);
                mAdapter.notifyDataSetChanged();
            }
        }
    }
 

   适配器 ImageAdapter.java:

 

public class ImageAdapter extends BaseAdapter {
    private List<String> list;
    private Context context;
    private IDeletePicCallback callback;

    public void setCallback(IDeletePicCallback callback) {
        this.callback = callback;
    }

    public ImageAdapter(List<String> list, Context context) {
        this.list = list;
        this.context = context;
    }

    @Override
    public int getCount() {
        if (list == null || list.size() <= 0) {
            return 1;
        } else {
            if (list.size() >= 9) {
                return 9;
            } else {
                return list.size() + 1;
            }
        }
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.item_pic_add, parent, false);
        }
        ImageView iv_del = ViewHolder.get(convertView, R.id.iv_item_del);
        LinearLayout iv_add = ViewHolder.get(convertView, R.id.iv_item_add);
        final ImageView iv_pic = ViewHolder.get(convertView, R.id.iv_item_pic);
        if (list.size() >= 9 && position == 8) {
            iv_add.setVisibility(View.GONE);
            iv_del.setVisibility(View.VISIBLE);
            iv_pic.setVisibility(View.VISIBLE);
            Glide.with(context).load(list.get(position)).diskCacheStrategy(DiskCacheStrategy.ALL).centerCrop().into(iv_pic);
        } else {
            if (position == list.size()) {
                iv_add.setVisibility(View.VISIBLE);
                iv_del.setVisibility(View.GONE);
                iv_pic.setVisibility(View.GONE);
            } else {
                iv_add.setVisibility(View.GONE);
                iv_del.setVisibility(View.VISIBLE);
                iv_pic.setVisibility(View.VISIBLE);
                Glide.with(context).load(list.get(position)).diskCacheStrategy(DiskCacheStrategy.ALL).centerCrop().into(iv_pic);
            }
        }

        iv_add.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(context,"5555",Toast.LENGTH_SHORT).show();
                Intent intent = new Intent(context, MultiImageSelectorActivity.class);
                intent.putExtra(MultiImageSelectorActivity.EXTRA_SELECT_COUNT, 9 - list.size());
                ((Activity) context).startActivityForResult(intent, REQUEST_IMAGE);
            }
        });
        final int pos = position;
        iv_del.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (callback != null) {
                    callback.callBack(pos);
                }
                notifyDataSetChanged();
            }
        });

        iv_pic.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(context, ImagePagerActivity.class);
                intent.putExtra(ImagePagerActivity.EXTRA_IMAGE_INDEX, pos);
//                ArrayList<String> list = new ArrayList<String>();
//                list.add("file://" + img.path);
                intent.putStringArrayListExtra(ImagePagerActivity.EXTRA_IMAGE_URLS, (ArrayList<String>) list);
                context.startActivity(intent);
            }
        });

        return convertView;
    }

}

适配器布局文件item_pic_add.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#fff"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/iv_item_pic"
        android:layout_marginTop="15dp"
        android:layout_width="75dp"
        android:layout_height="75dp"
        android:background="#eeede9"
        android:scaleType="centerCrop"
        android:layout_centerVertical="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <RelativeLayout
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_marginLeft="5dp">
    <ImageView
        android:id="@+id/iv_item_del"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"

        android:src="@drawable/img_delete" />
    </RelativeLayout>

    <LinearLayout
        android:id="@+id/iv_item_add"
        android:layout_marginTop="10dp"
        android:layout_width="75dp"
        android:layout_height="75dp"
        android:orientation="vertical"
        android:gravity="center"
        android:scaleType="centerCrop"

        android:background="#f2f2f2"
        android:visibility="gone">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:scaleType="fitXY"
            android:src="@drawable/img_photo_add"
            />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加图片"
            android:textSize="12sp"
            android:layout_marginTop="5dp"
            android:textColor="#c6c6c6"/>
    </LinearLayout>


</RelativeLayout>

 

 

 

  • 大小: 3 KB
  • 大小: 3.2 KB
分享到:
评论

相关推荐

    android照相机相册选择,可以多选

    本项目标题为“android照相机相册选择,可以多选”,说明它实现了在Android平台上让用户能够通过自定义的方式,不仅能够使用相机拍摄照片,还能够从相册中选取多张图片,并且具备删除已选择图片的功能。这一特性极大...

    ios-模仿微信发朋友圈信息时,从相册或拍照选择图片,支持图片浏览和删除.zip

    本文将深入探讨如何实现这个功能,重点包括从相册选择图片、拍照获取图片、图片浏览以及删除功能。 首先,我们需要集成系统提供的照片库框架(Photos Framework),允许用户从相册中选取图片。在iOS 8及以上版本,...

    防微信图片添加与删除

    在微信等应用中,用户可以选取多张图片进行上传,这通常涉及到图片的选择、预览、编辑和上传一系列过程。在Android平台上,我们可以使用系统提供的`Intent.ACTION_PICK`来打开系统相册让用户选择图片,然后通过`...

    jsp实现仿QQ空间新建多个相册名称并向相册中添加照片功能.docx

    在本项目中,我们主要探讨如何使用JSP和Java来实现一个类似QQ空间的功能,包括创建多个相册、向相册中添加照片、删除照片以及删除相册。这个功能是基于Eclipse IDE,使用Oracle数据库进行数据存储,并依赖于...

    html5相册图片添加删除动画特效

    在删除图片时,可以获取选中的图片元素并将其从DOM中移除。考虑到动画效果,JavaScript还可以与CSS配合,通过改变CSS类名来触发预定义的动画。 为了提升用户体验,我们还需要考虑一些细节。例如,使用`data-*`...

    ios-封装相册获取.zip

    总结来说,"ios-封装相册获取.zip"提供的代码可能包含以上所述的相册访问和图片加载逻辑,通过高效地利用`Photos`框架,实现了在iOS 8及以上系统上流畅地获取和展示用户相册的功能。开发者可以根据具体需求对这个...

    android仿微信图片选择器,可拍照、可选相册、图片可放大缩小、左滑右滑、删除

    这个项目旨在实现一个功能齐全的图片选择组件,让用户可以方便地从相册中选取图片,或者直接通过相机拍摄新照片。以下是对这个Android仿微信图片选择器的详细解析: 1. **图片选择器的实现** - 用户界面:该组件...

    HBuilder+HTML5 Plus+MUI实现拍照或者相册选择图片上传

    multiple: true, // 允许选择多张图片 success: function(files) { // 处理选择的图片 }, cancel: function() { // 用户取消选择 }, error: function(err) { // 处理错误 } }); }); ``` 3. **处理选择的...

    android实现相册功能

    在Android平台上,实现相册功能是一项常见的任务,它涉及到用户选择、查看以及管理手机上的图片和视频。在本文中,我们将深入探讨如何利用Android提供的API和技术来构建一个基本的相册应用。首先,我们需要理解...

    从相册、拍照、比例压缩、上传

    本文将基于"从相册、拍照、比例压缩、上传"这一主题,详细讲解如何实现这个功能,包括从相册选取图片、拍照获取图片、图片压缩以及图片上传的关键步骤。 首先,我们从用户界面(UI)的交互开始。用户可以通过两种...

    会员功能强大的图片储存网络相册SQL版本

    标题中的“会员功能强大的图片储存网络相册SQL版本”指的是一个专门为会员设计的、具有丰富...用户可以通过“s074会员功能强大的图片储存网络相册SQL版本”这个压缩包文件获取并安装该系统,以享受其提供的各种服务。

    jquery实现仿qq相册功能

    在创建相册时,我们需要获取图片元素,添加或删除类以控制显示和隐藏,以及动态更新DOM结构来实现翻页效果。 2. **事件处理**:在仿QQ相册中,用户可能会点击缩略图来查看大图,或者滑动页面来浏览更多图片。jQuery...

    ios保存图片到系统的相册,或者自定义相册名的相册中

    在iOS平台上,保存图片到系统相册或者自定义相册是一项常见的功能,尤其在开发照片分享、社交类应用时更是必不可少。本篇文章将详细介绍如何在iOS应用中实现这一功能,包括将图片保存到系统默认的相册以及创建并保存...

    选择本地图片(支持多张图片选择)

    在安卓应用开发中,用户经常需要从设备的相册中选择一张或多张图片进行上传或编辑等操作。这个过程涉及到的不仅仅是简单的文件选取,还涵盖了权限管理、图片加载、内存优化等多个方面。本文将深入探讨如何在安卓端...

    通过拍照或相册选择图片

    在移动应用开发中,让用户能够方便地从手机相册中选取图片或者通过相机拍摄新照片是一项基本且常用的功能。这里我们将基于鸿洋(http://blog.csdn.net/lmj623565791)提供的图片选择器进行功能扩展,探讨如何在...

    安卓图片多选相关-选择多张照片上传.rar

    这个压缩包文件“安卓图片多选相关-选择多张照片上传.rar”似乎包含了一个实现这一功能的源码示例。由于无法直接运行和验证所有内容,下面将根据提供的信息和一般的开发实践来详细解释相关的知识点。 1. **多图选择...

    实现图片拍照或相册获取后,裁剪,然后展示在横向的看、可以滑动的listview中

    在Android开发中,实现标题和描述中的功能涉及多个知识点,主要包括图片选择、图片裁剪、ListView的使用以及图片展示和删除操作。以下是对这些知识点的详细说明: 1. 图片选择: - 用户可以通过集成系统提供的...

    拍照相册通讯录打电话

    - 操作通讯录包括添加、更新和删除联系人。这需要`WRITE_CONTACTS`权限,并使用`ContentResolver`的`insert()`, `update()`, 和`delete()`方法。 3. **拨打电话**: - 使用`Intent`和`ACTION_CALL`或`ACTION_DIAL...

    Android自定义本地相册的功能,可以多选图片Demo.zip

    在Android开发中,自定义本地相册功能是常见的需求,特别是在涉及到用户选择多张图片的应用场景,例如社交应用、图片编辑应用等。本Demo主要展示了如何实现这一功能,让用户能够在一个自定义的相册界面中多选图片。...

Global site tag (gtag.js) - Google Analytics