1. 简介

本次demo中一共封装了两个组件：ImageEditButton 和 ImageEditContainer。其中ImageEditContainer 是在 ImageEditButton，两个组件可单独使用。

在demo中，实现了 图片选择（拍照+本地），裁剪，压缩，保存本地 以及对已选择图片的删除操作（如果有修改需求，也可以使用对应方法进行操作，该方法已添加）；

 还有就是 针对 6.0权限的处理问题，本次使用了第三方库 rxpermissions 进行权限的处理。

2.项目主目录结构

3. 功能介绍

MainActivity.java 界面效果图：

ImageEditContainer 组件初始化：

layImageContainer = (ImageEditContainer) findViewById(R.id.lay_image_container);
layImageContainer.setEditListener(this);
layImageContainer.setBtnImageResource(R.drawable.icon_picture_photograph);
layImageContainer.setTotalImageQuantity(3);

如上代码，设置组件的监听，添加按钮展示图，以及最多选择图片个数。

implements  ImageEditContainer.ImageEditContainerListener 的实现

@Override
 public void doAddImage() {
 PopupWindow mCameraPop = SelectPicturePopupWindowUtils.showSelectPicturePopupWindow(this);
 if (mCameraPop != null)
  mCameraPop.showAtLocation(layImageContainer, Gravity.BOTTOM, 0, 0);
 }
 
 @Override
 public void doEditLocalImage(ImageItem imageItem) {
 if (imageItem != null) {
  layImageContainer.updateEditedImageItem(imageItem);
 }
 }
 
 @Override
 public void doEditRemoteImage(RemoteImageItem remoteImageItem) {
 if (remoteImageItem != null) {
  if (remoteImageItem.isDeleted) {
  layImageContainer.removeRemoteImageItem(remoteImageItem);
  } else {
  layImageContainer.updateRemoteImageItem(remoteImageItem);
  }
 }
 }

当图片选择数量达到最大个数时，添加按钮会消失。效果图如下所示：

图片裁剪 效果图如下所示：

图片可拖拽，缩放

图片选择好后，进行图片压缩：

private void compressImage(String path) {

 if (TextUtils.isEmpty(path)) {
 return;
 }
 compressImage = compressImage + 1;
 ImageItem imageItem = new ImageItem();
 imageItem.storedPath = path;

 File file = new File(FilePathUtils.getImageSavePath());
 if (!file.exists()) {
 file.mkdirs();
 }
 String filePath = FilePathUtils.getImageSavePath() + System.currentTimeMillis() + ".jpg";
 new Thread(new MyThread(imageItem, path, filePath)).start();
 List<String> imagePaths = new ArrayList<>();
 imagePaths.add(path);
 layImageContainer.addNewImageItem(imageItem);
 }

图片压缩比较慢，要开启个 线程进行压缩:

public class MyThread implements Runnable {
 private String imgPath;
 private String outPath;
 private ImageItem imageItem;

 public MyThread(ImageItem imageItem, String imgPath, String outPath) {
 this.imageItem = imageItem;
 this.imgPath = imgPath;
 this.outPath = outPath;
 }

 public void run() {
 try {
 BitmapUtil.compressAndGenImage(imgPath, outPath, 500, false);
 compressImage = compressImage - 1;
 imageItem.storedPath = outPath;
 } catch (IOException e) {
 compressImage = compressImage - 1;
 e.printStackTrace();
 }
 }
 }

使用的压缩方法：

 /**
 * Compress by quality, and generate image to the path specified
 *
 * @param imgPath
 * @param outPath
 * @param maxSize target will be compressed to be smaller than this size.(kb)
 * @param needsDelete Whether delete original file after compress
 * @throws IOException
 */
 public static void compressAndGenImage(String imgPath, String outPath, int maxSize, boolean needsDelete) throws IOException {
 compressAndGenImage(getBitmap(imgPath), outPath, maxSize);

 // Delete original file
 if (needsDelete) {
 File file = new File(imgPath);
 if (file.exists()) {
 file.delete();
 }
 }
 }

组件 ImageEditContainer 添加图片方法介绍：

可添加本地和网络图片

 /**
 * 添加本地图片 
 * List<String> storePaths 本地图片路径数组
 */
 public void addNewImages(List<String> storePaths) {


 }


 /**
 * 添加本地图片
 */
 public void addNewImageItem(ImageItem imageItem) {

 }

 /**
 * 添加网络图片
 */
 public void addRemoteImageItem(RemoteImageItem remoteImageItem) {

 }

组件 ImageEditContainer 其他方法介绍：

/**
 * 设置组件中 选择按钮的宽高
 */
public void setImvHeightAndWidth(int height, int width) {

 }
　　/**
 * 设置图片最大数量
 */
 public void setTotalImageQuantity(int totalImageQuantity) {

 }
/**
 * 设置图片展示图
 */
 public void setBtnImageResource(int resid) {

 }
　　/**
 * 获取组件中所有图片对象（本地+网络）
 */
 public List<Object> getAllImageItems() {

 }

　　public void updateEditedImageItem(ImageItem imageItem) {
 
 }

　　/**
 * 更新网络图片
 */
 public void updateRemoteImageItem(RemoteImageItem remoteImageItem) {
}

　　/**
 * 删除网络图片
 */
 public void removeRemoteImageItem(RemoteImageItem remoteImageItem) {
}

4. 组件代码

1.ImageEditButton.java

/**
 * Created by dingzuoqiang on 2017/6/20.
 * Email: 530858106@qq.com
 */
public class ImageEditButton extends RelativeLayout {

 private final static String TAG = "ImageEditButton";

 private ImageView imvAddImage;
 private ImageView imvEdit;

 private int imvHeight;
 private int imvWidth;
 public ImageEditButtonListener editButtonListener;

 public ImageEditButton(Context context) {
 this(context, null);
 }


 public ImageEditButton(Context context, AttributeSet attrs) {
 super(context, attrs);
 LayoutInflater.from(context).inflate(R.layout.image_edit_button_view, this, true);
 imvHeight = CommonUtil.dip2px(getContext(), 70);
 imvWidth = imvHeight;
 imvAddImage = (ImageView) findViewById(R.id.imv_add_image);
 imvEdit = (ImageView) findViewById(R.id.imv_edit);
 setImvHeightAndWidth(imvHeight, imvWidth);
 imvAddImage.setOnClickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 doEditImage();
 }
 });
 imvEdit.setOnClickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 doEditImage2();
 }
 });
 }

 public void setImvHeightAndWidth(int height, int width) {
 this.imvHeight = height;
 this.imvWidth = width;
 ViewGroup.LayoutParams layoutParams = imvAddImage.getLayoutParams();
 layoutParams.width = imvHeight;
 layoutParams.height = imvWidth;
 imvAddImage.setLayoutParams(layoutParams);
 }

 public int getImvHeight() {
 return imvHeight;
 }

 public int getImvWidth() {
 return imvWidth;
 }

 public void setPadding2(int left, int top, int right, int bottom) {
 this.setPadding(left, top, right, bottom);
 }

 public void setBtnImageResource(int resid) {
 imvAddImage.setImageResource(resid);
// ImageLoaderUtils.loadImageFromDrawable(resid, imvAddImage, null);
 }

 public void reset() {
 imvEdit.setVisibility(GONE);
 }

 public void setEditButtonListener(ImageEditButtonListener editButtonListener) {
 this.editButtonListener = editButtonListener;
 }

 public BaseImageItem getImageItem() {
 Object object = this.getTag();
 if (object instanceof BaseImageItem) return (BaseImageItem) object;
 return null;
 }

 public void displayUI() {
 //
 Object object = this.getTag();
 if (object == null) return;
 if (object instanceof ImageItem) {
 ImageItem imageItem = (ImageItem) object;

 if (TextUtils.isEmpty(imageItem.storedPath))
 return;
 File file = new File(imageItem.storedPath);
 if (file.exists()) {
// 其实Glide加载本地图片和加载网络图片调用的方法是一样的,唯一的区别是说加载SD卡的图片需要SD卡的权限,加载网络需要网络权限
 Glide.with(getContext()).load(file).crossFade().into(imvAddImage);
 }
 } else if (object instanceof RemoteImageItem) {
 // 如果是 remoteImageItem 则需要从读取图片，同时不可以裁剪
 RemoteImageItem remoteImageItem = (RemoteImageItem) object;
 Glide.with(getContext()).load(remoteImageItem.thumbUrl).centerCrop().crossFade().into(imvAddImage);
 }

 // TODO
 BaseImageItem baseImageItem = (BaseImageItem) object;
 displayNoteIcons(baseImageItem);
 }

 private void displayNoteIcons(BaseImageItem baseImageItem) {
 imvEdit.setVisibility(VISIBLE);
 }

 private void doEditImage() {
 if (editButtonListener == null) return;

 Object object = this.getTag();
 if (object == null) {
 // add image
 editButtonListener.doAddImage();
 } else {
 //
 if (object instanceof ImageItem) {
 editButtonListener.doEditLocalImage((ImageItem) object);
 } else if (object instanceof RemoteImageItem) {
 editButtonListener.doEditRemoteImage((RemoteImageItem) object);
 }
 }


 }

 private void doEditImage2() {
 if (editButtonListener == null) return;

 Object object = this.getTag();
 if (object != null) {
 //
 if (object instanceof ImageItem) {
 ImageItem imageItem = (ImageItem) object;
 imageItem.isDeleted = true;
 editButtonListener.doEditLocalImage(imageItem);
 } else if (object instanceof RemoteImageItem) {
 RemoteImageItem remoteImageItem = (RemoteImageItem) object;
 remoteImageItem.isDeleted = true;
 editButtonListener.doEditRemoteImage(remoteImageItem);
 }
 }


 }


 public interface ImageEditButtonListener {

 public void doAddImage();

 public void doEditLocalImage(ImageItem imageItem1);

 public void doEditRemoteImage(RemoteImageItem remoteImageItem);
 }


}

2.ImageEditContainer.java

/**
 * Created by dingzuoqiang on 2017/6/20.
 * Email: 530858106@qq.com
 */
public class ImageEditContainer extends HorizontalScrollView implements ImageEditButton.ImageEditButtonListener {

 private final static String TAG = "ImageEditContainer";
 public ImageEditContainerListener mEditListener;
 private int idValue = 0;
 ImageEditButton imbAddImage;
 ViewGroup buttonsContainer;

 private int totalImageQuantity = 3;// 总添加数量
 private int mBtnBgResid = 0;

 public ImageEditContainer(Context context) {
 //super(context);
 this(context, null);
 }

 public ImageEditContainer(Context context, AttributeSet attrs) {
 super(context, attrs);
 //
 LayoutInflater.from(context).inflate(R.layout.image_edit_container, this, true);

 imbAddImage = (ImageEditButton) findViewById(R.id.imb_add_image);
 imbAddImage.setEditButtonListener(this);
 //
 buttonsContainer = (ViewGroup) findViewById(R.id.lay_container);
 setHorizontalScrollBarEnabled(false);
 setHorizontalFadingEdgeEnabled(false);

 }

 public void setImvHeightAndWidth(int height, int width) {
 for (int i = 0; i < buttonsContainer.getChildCount(); i++) {
 ImageEditButton imageEditButton = (ImageEditButton) buttonsContainer.getChildAt(i);
 if (imageEditButton == null) continue;
 imageEditButton.setImvHeightAndWidth(height, width);
 }
 }

 public void setTotalImageQuantity(int totalImageQuantity) {
 if (totalImageQuantity > 0)
 this.totalImageQuantity = totalImageQuantity;
 }

 public void setBtnImageResource(int resid) {
 mBtnBgResid = resid;
 imbAddImage.setBtnImageResource(mBtnBgResid);
 }

 public List<Object> getAllImageItems() {
 List<Object> allItems = new ArrayList<>();
 for (int i = 0; i < buttonsContainer.getChildCount(); i++) {
 ImageEditButton imageEditButton = (ImageEditButton) buttonsContainer.getChildAt(i);
 if (imageEditButton == null) continue;
 if (imageEditButton.getTag() == null) continue;
 allItems.add(imageEditButton.getTag());
 }
 return allItems;
 }

 /**
 * 添加本地图片
 */
 public void addNewImages(List<String> storePaths) {

 for (int i = 0; i < storePaths.size(); i++) {
 String path = storePaths.get(i);
 ImageItem imageItem = new ImageItem();
 imageItem.storedPath = path;
 imageItem.id = idValue++;
 Log.i(TAG, "index=" + i + " id=" + imageItem.id);
 imageItem.index = (buttonsContainer.getChildCount() - 1);
 addBaseImageItemToContainer(imageItem);

 }
 }

 /**
 * 添加本地图片
 */
 public void addNewImageItem(ImageItem imageItem) {
 if (imageItem == null) return;
 imageItem.id = idValue++;
 imageItem.index = (buttonsContainer.getChildCount() - 1);
 addBaseImageItemToContainer(imageItem);
 }

 public void updateEditedImageItem(ImageItem imageItem) {
 ImageEditButton imageEditButton = getImageEditButtonForImageItemById(imageItem);
 if (imageEditButton == null) {
 return;
 }

 Object originObj = imageEditButton.getTag();
 if (!(originObj instanceof ImageItem)) {
 if (originObj instanceof RemoteImageItem) {
 RemoteImageItem remoteItem = (RemoteImageItem) originObj;
 if (remoteItem.index == imageItem.index) {
  imageEditButton.setTag(imageItem);
  imageEditButton.displayUI();
  return;
 }
 reorderForImageItem(imageItem);
 }
 return;
 }

 ImageItem originImageItem = (ImageItem) originObj;
 if (imageItem.isDeleted) {
 removeButtonContainImageItem(imageItem);
 resetImageItemIndex();
 return;
 } else {

 if (originImageItem.index == imageItem.index) {
 imageEditButton.setTag(imageItem);
 imageEditButton.displayUI();
 return;
 }
 reorderForImageItem(imageItem);
 }
 }


 /**
 * 添加网络图片
 */
 public void addRemoteImageItem(RemoteImageItem remoteImageItem) {
 addBaseImageItemToContainer(remoteImageItem);
 }

 /**
 * 更新网络图片
 */
 public void updateRemoteImageItem(RemoteImageItem remoteImageItem) {

 ImageEditButton imageEditButton = getImageEditButtonForImageItemById(remoteImageItem);
 if (imageEditButton == null) {
 if (getAllImageItems().size() > 0) {
 List<Object> objectList = getAllImageItems();
 for (int i = 0; i < objectList.size(); i++) {
  BaseImageItem baseImageItem = (BaseImageItem) objectList.get(i);
  removeButtonContainImageItem(baseImageItem);
 }
 //
 objectList.add(0, remoteImageItem);

 for (int i = 0; i < objectList.size(); i++) {
  addRemoteImageItem((RemoteImageItem) objectList.get(i));
 }
 //
 } else {
 addRemoteImageItem(remoteImageItem);
 }

 return;
 }
 BaseImageItem baseImageItem = (BaseImageItem) imageEditButton.getTag();
 if (baseImageItem instanceof ImageItem) return;
 RemoteImageItem originRemoteItem = (RemoteImageItem) baseImageItem;

 if (remoteImageItem.index == originRemoteItem.index) {
 // index 相同 只是update
 imageEditButton.setTag(remoteImageItem);
 imageEditButton.displayUI();
 return;
 }
 reorderForImageItem(remoteImageItem);
 }

 /**
 * 删除网络图片
 */
 public void removeRemoteImageItem(RemoteImageItem remoteImageItem) {

 ImageEditButton imageEditButton = getImageEditButtonForImageItemById(remoteImageItem);
 if (null != imageEditButton && null != imageEditButton.getTag()) {
 BaseImageItem baseImageItem = (BaseImageItem) imageEditButton.getTag();
 if (baseImageItem instanceof ImageItem) return;
 RemoteImageItem originRemoteItem = (RemoteImageItem) baseImageItem;
 removeButtonContainImageItem(remoteImageItem);
 resetImageItemIndex();
 }
 }


 private void reorderForImageItem(BaseImageItem imageItem) {
 removeButtonContainImageItem(imageItem);
 List<BaseImageItem> imageItems = new ArrayList<>();
 imageItems.add(imageItem);
 int count = buttonsContainer.getChildCount();
 for (int i = imageItem.index; i < count; i++) {
 ImageEditButton button = (ImageEditButton) buttonsContainer.getChildAt(i);
 if (button == null) continue;
 BaseImageItem imageItem1 = (BaseImageItem) button.getTag();
 if (imageItem1 == null) continue;
 imageItems.add(imageItem1);
 }
 for (int i = 0; i < imageItems.size(); i++) {
 BaseImageItem item = imageItems.get(i);
 removeButtonContainImageItem(item);
 }
 //
 for (int i = 0; i < imageItems.size(); i++) {
 addBaseImageItemToContainer(imageItems.get(i));
 }

 }

 private void resetImageItemIndex() {
 for (int i = 0; i < buttonsContainer.getChildCount(); i++) {

 try {
 ImageEditButton button = (ImageEditButton) buttonsContainer.getChildAt(i);
 if (button == null) continue;
 BaseImageItem imageItem = (BaseImageItem) button.getTag();
 if (imageItem == null) continue;
 imageItem.index = i;

 } catch (Exception ignored) {

 }
 }
 }


 private ImageEditButton getImageEditButtonForImageItemById(BaseImageItem imageItem) {
 for (int i = 0; i < buttonsContainer.getChildCount(); i++) {
 ImageEditButton imageEditButton = (ImageEditButton) buttonsContainer.getChildAt(i);
 if (imageEditButton == null) continue;
 if (imageEditButton.getImageItem() == null) continue;
 BaseImageItem searchedImageItem = imageEditButton.getImageItem();
 if (imageItem.id.longValue() == searchedImageItem.id.longValue()) {
 return imageEditButton;
 }
 }
 return null;
 }


 /*
 删除一个 ImageItem
 */
 private void removeButtonContainImageItem(BaseImageItem imageItem) {

 ImageEditButton imageEditButton = getImageEditButtonForImageItemById(imageItem);
 if (imageEditButton == null) return;
 buttonsContainer.removeView(imageEditButton);
 resetImageItemIndex();
 imbAddImage.setVisibility(buttonsContainer.getChildCount() <= totalImageQuantity ? VISIBLE : GONE);
 }


 private void addBaseImageItemToContainer(BaseImageItem imageItem) {
 buttonsContainer.removeView(imbAddImage);

 ImageEditButton imageEditButton = new ImageEditButton(getContext());
 if (mBtnBgResid != 0)
 imageEditButton.setBtnImageResource(mBtnBgResid);
 imageEditButton.setTag(imageItem);
 imageEditButton.setEditButtonListener(this);
// buttonsContainer.addView(imageEditButton, buttonsContainer.getChildCount(), new RelativeLayout.LayoutParams(nSize, imbAddImage.getHeight()));
 buttonsContainer.addView(imageEditButton, buttonsContainer.getChildCount());
 LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) imageEditButton.getLayoutParams();
 layoutParams.rightMargin = CommonUtil.dip2px(getContext(), 5);
 imageEditButton.setLayoutParams(layoutParams);
 imageEditButton.setImvHeightAndWidth(imbAddImage.getImvHeight(), imbAddImage.getImvWidth());
 imageEditButton.displayUI();
 //
 buttonsContainer.addView(imbAddImage, buttonsContainer.getChildCount());
 //
 imbAddImage.setVisibility(buttonsContainer.getChildCount() <= totalImageQuantity ? VISIBLE : GONE);

 resetImageItemIndex();

 }

 /*
 ImageEditButton listener
 */

 public void doAddImage() {
 if (mEditListener != null) {
 mEditListener.doAddImage();
 }
 }

 public void doEditLocalImage(ImageItem imageItem) {
 if (mEditListener != null) {
 mEditListener.doEditLocalImage(imageItem);
 }

 }

 public void doEditRemoteImage(RemoteImageItem remoteImageItem) {
 if (mEditListener != null) {
 mEditListener.doEditRemoteImage(remoteImageItem);
 }

 }
 // -----


 public void setEditListener(ImageEditContainerListener editListener) {
 this.mEditListener = editListener;
 }

 //

 public interface ImageEditContainerListener {
 public void doAddImage();

 public void doEditLocalImage(ImageItem imageItem1);

 public void doEditRemoteImage(RemoteImageItem remoteImageItem);
 }

项目下载：ImageEditContainer

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android  # 图片选择器  # ImageEditContainer  # Android图片处理工具类BitmapUtils  # Android图片处理教程之全景查看效果实现  # Android图片压缩的实例详解  # Android图片无限轮播的实现代码  # Android图片色彩变换实现方法  # Android选择与上传图片之PictureSelector教程  # 加载  # 所示  # 是在  # 最多  # 不可以  # 是说  # 可以使用  # 第三方  # 装了  # 好后  # 大家多多  # 比较慢  # 则需  # 拖拽  # 实现了  # 主目录  # 使用了  # 以及对  # 是一样的  # Thread 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel怎么连接多个数据库_Laravel多数据库连接配置  安克发布新款氮化镓充电宝：体积缩小 30%，支持 200W 输出  Laravel如何与Docker（Sail）协同开发？（环境搭建教程）  Laravel如何处理表单验证？（Requests代码示例）  Android自定义listview布局实现上拉加载下拉刷新功能  如何快速搭建高效香港服务器网站？  详解jQuery中基本的动画方法  Python进程池调度策略_任务分发说明【指导】  活动邀请函制作网站有哪些,活动邀请函文案？  韩国服务器如何优化跨境访问实现高效连接？  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  海南网站制作公司有哪些,海口网是哪家的？  如何在服务器上三步完成建站并提升流量？  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  如何在万网自助建站平台快速创建网站？  如何在香港服务器上快速搭建免备案网站？  Windows10电脑怎么查看硬盘通电时间_Win10使用工具检测磁盘健康  iOS验证手机号的正则表达式  无锡营销型网站制作公司,无锡网选车牌流程？  bootstrap日历插件datetimepicker使用方法  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  如何在阿里云购买域名并搭建网站？  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  百度浏览器如何管理插件 百度浏览器插件管理方法  郑州企业网站制作公司,郑州招聘网站有哪些？  Bootstrap整体框架之JavaScript插件架构  如何撰写建站申请书？关键要点有哪些？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  如何基于PHP生成高效IDC网络公司建站源码？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  教你用AI将一段旋律扩展成一首完整的曲子  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  Swift中switch语句区间和元组模式匹配  如何登录建站主机？访问步骤全解析  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  如何在宝塔面板中修改默认建站目录？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  Laravel怎么上传文件_Laravel图片上传及存储配置  Laravel如何实现模型的全局作用域？（Global Scope示例）  Laravel任务队列怎么用_Laravel Queues异步处理任务提升应用性能  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  如何彻底卸载建站之星软件？  如何在阿里云高效完成企业建站全流程？