Android 仿微信发动态九宫格拖拽、删除功能

分类：Android作者：编程之家用户

1、完美1比1 仿照微信仿微信发动态 九宫格拖拽、删除

暴力拖拽ui有点问题，不影响使用，资源文件自己找个+号

2、微信发动态拖拽bug

当选择完图片，长按图片拖拽过程中按下屏幕home键盘，再次进入这时候就不能点击输入文字，点击输入文字的时候会触发选择相册事件

3、拖拽事件用的basequickadapter

 implementation 'com.android.support:recyclerview-v7:28.0.0'
 implementation "com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.50"
 implementation "com.github.bumptech.glide:glide:4.9.0"

4、演示

Android 仿微信发动态九宫格拖拽、删除功能


5、快速入手

activity
 NineGridChooseImage nineGridChooseImage = findViewById(R.id.nineGridChooseImage);
 FrameLayout frameLayout= findViewById(R.id.frameLayout);
 nineGridChooseImage.init(frameLayout);

 int statusBarHeight = 0;
 int resourceId = getResources().getIdentifier("status_bar_height","dimen","android");
 if (resourceId > 0) {
  statusBarHeight = getResources().getDimensionPixelSize(resourceId);
 }
 nineGridChooseImage.setFixH(statusBarHeight);//自己对一下高度
 nineGridChooseImage.setAddClick(new NineGridChooseImage.AddClick() {
  @Override
  public void onAdd() {
  /* List<String> list = new LinkedList<>();
  for(int i = 0;i<5;i++){
   list.add("https://xx.jpg");
  }*/
  nineGridChooseImage.addData("https://xxx.jpg");
  }
 });

xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/frameLayout"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".Main11Activity">
 <com.example.hotfix_01.view.NineGridChooseImage
 android:background="#A8A1A1"
 android:layout_marginTop="100dp"
 android:id="@+id/nineGridChooseImage"
 android:layout_width="match_parent"
 android:layout_height="wrap_content" />
</FrameLayout>

5、实现过程

如果帮助到你请关注点赞一下

NineGridChooseImage.java
package com.example.hotfix_01.view;
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ObjectAnimator;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Point;
import android.graphics.Rect;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.helper.ItemTouchHelper;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Display;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import com.bumptech.glide.Glide;
import com.chad.library.adapter.base.BaseItemDraggableAdapter;
import com.chad.library.adapter.base.BaseViewHolder;
import com.chad.library.adapter.base.callback.ItemDragAndSwipeCallback;
import com.chad.library.adapter.base.listener.OnItemDragListener;
import java.util.LinkedList;
import java.util.List;
import top.antaikeji.base.R;
import top.antaikeji.foundation.utils.DisplayUtil;
import static android.support.v7.widget.helper.ItemTouchHelper.ACTION_STATE_IDLE;
/**
 * Author: flyzhang
 */
public class NineGridChooseImage extends RecyclerView {
 private Rect lastRect = new Rect();
 private Rect rect = new Rect();
 private boolean isDel = false,tempImageDel = false;
 private int mSelectPosition = 0;
 private int SCREEN_W,SCREEN_H;
 private int mImageWH;
 private int mImageCount = 4;
 private DraggableAdapter mDraggableAdapter;
 private LinearLayout mBottomView;
 private FrameLayout mFrameLayout;
 private AddClick mAddClick;
 private DragCallBack mDragCallBack;
 private ImageView mTempImage;
 ;
 private int mFixH = 0;
 private int bottomViewH = 55;
 private ImageView trash;
 private int margin = 2;
 public NineGridChooseImage(@NonNull Context context) {
 super(context);
 }
 public NineGridChooseImage(@NonNull Context context,@Nullable AttributeSet attrs) {
 super(context,attrs);
 }
 public void init(FrameLayout f) {
 this.mFrameLayout = f;
 Display defaultDisplay = ((Activity) getContext()).getWindowManager().getDefaultDisplay();
 Point point = new Point();
 defaultDisplay.getSize(point);
 SCREEN_H = point.y;
 SCREEN_W = point.x;
 mImageWH = SCREEN_W / 3 - 2 * DisplayUtil.dpToPx(5) - 4 * DisplayUtil.pxToDp(20) - DisplayUtil.pxToDp(50);
 bottomViewH = DisplayUtil.dpToPx(bottomViewH);
 margin = DisplayUtil.dpToPx(margin);
 mTempImage = new ImageView(getContext());
 mTempImage.setScaleType(ImageView.ScaleType.FIT_XY);
 //初始化底部view
 mBottomView = new LinearLayout(getContext());
 mBottomView.setGravity(Gravity.CENTER);
 mBottomView.setBackgroundColor(Color.RED);
 FrameLayout.LayoutParams bottomLayoutParams = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,bottomViewH);
 bottomLayoutParams.gravity = Gravity.BOTTOM;
 trash = new ImageView(getContext());
 int wh = DisplayUtil.dpToPx(25);
 FrameLayout.LayoutParams trashParams = new FrameLayout.LayoutParams(wh,wh);
 trash.setLayoutParams(trashParams);
 mBottomView.addView(trash);
 TextView tipTextView = new TextView(getContext());
 tipTextView.setTextColor(Color.WHITE);
 tipTextView.setText("拖拽此处删除");
 mBottomView.addView(tipTextView);
 mBottomView.setOrientation(LinearLayout.VERTICAL);
 mBottomView.setLayoutParams(bottomLayoutParams);
 mBottomView.setVisibility(GONE);
 out();
 mFrameLayout.addView(mBottomView);
 GridLayoutManager gridLayoutManager = new GridLayoutManager(getContext(),3);
 setLayoutManager(gridLayoutManager);
 List<String> data = new LinkedList<>();
 data.add("");
 mDraggableAdapter = new DraggableAdapter(data);
 DragAndSwipeCallback mItemDragAndSwipeCallback = new DragAndSwipeCallback(mDraggableAdapter);
 ItemTouchHelper itemTouchHelper = new ItemTouchHelper(mItemDragAndSwipeCallback);
 itemTouchHelper.attachToRecyclerView(this);
 mDraggableAdapter.enableDragItem(itemTouchHelper,R.id.image,true);
 mItemDragAndSwipeCallback.setSwipeMoveFlags(ItemTouchHelper.START | ItemTouchHelper.END);
 mDraggableAdapter.setOnItemDragListener(new OnItemDragListener() {
  @Override
  public void onItemDragStart(RecyclerView.ViewHolder viewHolder,int pos) {
  if(null!=mDragCallBack){
   mDragCallBack.onStart();
  }
  mSelectPosition = pos;
  mFrameLayout.removeView(mTempImage);
  tempImageDel = false;
  isDel = false;
  in();
  ImageView imageView = viewHolder.itemView.findViewById(R.id.image);
  mTempImage.setImageDrawable(imageView.getDrawable());
  ViewGroup.LayoutParams l = new ViewGroup.LayoutParams(imageView.getWidth(),imageView.getHeight());
  mTempImage.setLayoutParams(l);
  imageView.getGlobalVisibleRect(lastRect);
  mTempImage.setX(lastRect.left);
  mTempImage.setY(lastRect.top - mFixH);
  mTempImage.setScaleX(1.2f);
  mTempImage.setScaleY(1.2f);
  mFrameLayout.addView(mTempImage);
  imageView.setAlpha(0f);
  }
  @Override
  public void onItemDragMoving(RecyclerView.ViewHolder source,int from,RecyclerView.ViewHolder target,int to) {
  target.itemView.findViewById(R.id.image).getGlobalVisibleRect(lastRect);
  mSelectPosition = to;
  }
  @Override
  public void onItemDragEnd(RecyclerView.ViewHolder viewHolder,int pos) {
  if(null!=mDragCallBack){
   mDragCallBack.onEnd();
  }
  ImageView imageView = viewHolder.itemView.findViewById(R.id.image);
  imageView.setScaleX(1f);
  imageView.setScaleY(1f);
  if (tempImageDel) {
   mDraggableAdapter.remove(mSelectPosition);
  } else {
   imageView.setAlpha(1f);
   mFrameLayout.removeView(mTempImage);
  }
  out();
  }
 });
 setAdapter(mDraggableAdapter);
 }
 public void setFixH(int mFixH) {
 this.mFixH = mFixH;
 }
 /**
 * 拖住adapter
 */
 private class DraggableAdapter extends BaseItemDraggableAdapter<String,BaseViewHolder> {
 private DraggableAdapter(List<String> data) {
  super(R.layout.base_iamge_item,data);
 }
 @Override
 protected void convert(@NonNull BaseViewHolder helper,String item) {
  ImageView imageView = helper.getView(R.id.image);//图片
  LinearLayout.LayoutParams l = (LinearLayout.LayoutParams) imageView.getLayoutParams();
  l.height = mImageWH;
  l.width = mImageWH;
  l.rightMargin = margin;
  l.bottomMargin = margin;
  l.topMargin = margin;
  imageView.setLayoutParams(l);
  ImageView imageView2 = helper.getView(R.id.image2);//加号
  LinearLayout.LayoutParams l2 = (LinearLayout.LayoutParams) imageView.getLayoutParams();
  l2.height = mImageWH;
  l2.width = mImageWH;
  l2.rightMargin = margin;
  l2.bottomMargin = margin;
  l2.topMargin = margin;
  imageView2.setLayoutParams(l2);
  /**
  * 如果list的长度等于mImageCount 最后一张最后一张显示正常图片
  *
  */
  if(TextUtils.isEmpty(item)){
  if(mImageCount <= helper.getAdapterPosition()){
   imageView.setVisibility(View.GONE);
   imageView2.setVisibility(View.GONE);
  }else{
   imageView.setVisibility(View.GONE);
   imageView2.setVisibility(View.VISIBLE);
   imageView2.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {
    if (null != mAddClick) {
    mAddClick.onAdd();
    }
   }
   });
  }
  }else{
  imageView.setVisibility(View.VISIBLE);
  imageView2.setVisibility(View.GONE);
  Glide.with(mContext).load(item).into(imageView);
  }
  imageView.setAlpha(1f);
 }
 }
 /**
 * 拖拽监听
 */
 private class DragAndSwipeCallback extends ItemDragAndSwipeCallback {
 private DragAndSwipeCallback(BaseItemDraggableAdapter adapter) {
  super(adapter);
 }
 @Override
 public boolean canDropOver(@NonNull RecyclerView recyclerView,@NonNull RecyclerView.ViewHolder current,@NonNull RecyclerView.ViewHolder target) {
  if (target.getAdapterPosition() == mDraggableAdapter.getData().size() - 1 || current.getAdapterPosition() == mDraggableAdapter.getData().size() - 1) {
  return false;
  }
  return super.canDropOver(recyclerView,current,target);
 }
 @Override
 public void onSelectedChanged(RecyclerView.ViewHolder viewHolder,int actionState) {
  super.onSelectedChanged(viewHolder,actionState);
  if (actionState == ACTION_STATE_IDLE) {
  //空闲状态
  if (isDel) {
   isDel = false;
   tempImageDel = true;
   mFrameLayout.removeView(mTempImage);
  }
  }
 }
 @Override
 public void onChildDrawOver(@NonNull Canvas c,@NonNull RecyclerView recyclerView,@NonNull RecyclerView.ViewHolder viewHolder,float dX,float dY,int actionState,boolean isCurrentlyActive) {
  super.onChildDrawOver(c,recyclerView,viewHolder,dX,dY,actionState,isCurrentlyActive);
  if (tempImageDel) {
  return;
  }
  ImageView tempImageView = viewHolder.itemView.findViewById(R.id.image);
  boolean b = tempImageView.getGlobalVisibleRect(rect);
  Log.e("TAG","dX:" + dX);
  Log.e("TAG","dY:" + dY);
  if (b && dX > 0 && dY > 0) {
  mTempImage.setX(rect.left);
  mTempImage.setY(rect.top - mFixH);
  } else {
  mTempImage.setX(lastRect.left + dX);
  mTempImage.setY(lastRect.top - mFixH + dY);
  }
  mTempImage.getGlobalVisibleRect(rect);
  if (SCREEN_H - bottomViewH < rect.bottom) {
  isDel = true;
  trash.setBackgroundResource(R.drawable.base_trash_open);
  } else {
  isDel = false;
  trash.setBackgroundResource(R.drawable.base_trash_close);
  }
 }
 }
 public void addData(String path) {
 mDraggableAdapter.addData(0,path);
 mDraggableAdapter.notifyItemChanged(mDraggableAdapter.getData().size()-1);
 }
 public void addData(List<String> path){
 int size = mDraggableAdapter.getData().size();
 int offset = mImageCount - size + 1;
 if(offset > path.size()){
  offset = path.size();
 }
 mDraggableAdapter.addData(0,path.subList(0,offset));
 mDraggableAdapter.notifyItemChanged(mDraggableAdapter.getData().size() -1);
 }
 public void setImageCount(int mImageCount) {
 this.mImageCount = mImageCount;
 }
 public void setAddClick(AddClick mAddClick) {
 this.mAddClick = mAddClick;
 }
 public void setDragCallBack(DragCallBack mDragCallBack) {
 this.mDragCallBack = mDragCallBack;
 }
 /**
 * 获取列表
 *
 * @return
 */
 public List<String> getData() {
 List<String> res = new LinkedList<>();
 for (int i = 0; i < mDraggableAdapter.getData().size() - 1; i++) {
  res.add(mDraggableAdapter.getData().get(i));
 }
 return res;
 }
 /**
 * 底部进入
 */
 private void in() {
 mBottomView.setVisibility(View.VISIBLE);
 ObjectAnimator animator = ObjectAnimator.ofFloat(mBottomView,"translationY",0)
  .setDuration(200);
 animator.start();
 }
 /**
 * 底部移除屏幕外部
 */
 private void out() {
 final int moveX = DisplayUtil.dpToPx(55);
 ObjectAnimator animator = ObjectAnimator.ofFloat(mBottomView,moveX)
  .setDuration(200);
 animator.addListener(new AnimatorListenerAdapter() {
  @Override
  public void onAnimationEnd(Animator animation) {
  super.onAnimationEnd(animation);
  mBottomView.setVisibility(View.GONE);
  trash.setBackgroundResource(R.drawable.base_trash_close);
  }
 });
 animator.start();
 }
 public interface AddClick {
 void onAdd();
 }
 public interface DragCallBack{
 void onStart();
 void onEnd();
 }
}

iamge_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/l"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" >

 <ImageView
 android:scaleType="fitXY"
 android:id="@+id/image"
 android:layout_width="149dp"
 android:layout_height="149dp" />

 <ImageView
 android:id="@+id/image2"
 android:visibility="gone"
 android:layout_width="149dp"
 android:layout_height="149dp" />
</LinearLayout>

总结

以上所述是小编给大家介绍的Android 仿微信发动态九宫格拖拽、删除功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

Android

相关推荐

更新Android SDK到3.0版本时，遇到Failed to rename directory E:androidtools to E:androidtempToolPackage.old01问题
更新Android SDK到3.0版本时，遇到Failed to rename directory E:\android\tools to E:\android\temp\ToolPackage.old01问题，导致无法更新，出现该问题的原因是由于3.0版本与较早的sdk版本之间文件结构有冲突，解决
Android 如何解决dialog弹出时无法捕捉Activity的back事件
Android 如何解决dialog弹出时无法捕捉Activity的back事件 在一些情况下，我们需要捕捉back键事件，然后在捕捉到的事件里写入我们需要进行的处理，通常可以采用下面三种办法捕捉到back事件： 1）重写onKeyDown或者onKeyUp方法 2）重写onBackPressed方
Android实现自定义带文字和图片的Button
Android实现自定义带文字和图片的Button 在Android开发中经常会需要用到带文字和图片的button，下面来讲解一下常用的实现办法。一.用系统自带的Button实现 最简单的一种办法就是利用系统自带的Button来实现，这种方式代码量最小。在Button的属性中有一个是drawable
Android中的"Unable to start activity ComponentInfo"或者"Unable to instantiate activity ComponentInfo"的错误
Android中的&quot;Unable to start activity ComponentInfo&quot;的错误 最近在做一款音乐播放器的时候，然后在调试的过程中发现一直报这个错误&quot;Unable to start activity ComponentInfo&quot;，从字面
Android 关于长按back键退出应用程序的实现
Android 关于长按back键退出应用程序的实现最近在做一个Android上的应用，碰到一个问题就是如何实现长按back键退出应用程序。在网上查找了很多资料，发现几乎没有这样的实现，大部分在处理时是双击back键来退出应用程序。参考了一下双击back键退出应用程序的代码，网上主流的一种方法是下面
android 可以精确到秒级的时间选择器
android自带的时间选择器只能精确到分，但是对于某些应用要求选择的时间精确到秒级，此时只有自定义去实现这样的时间选择器了。下面介绍一个可以精确到秒级的时间选择器。 先上效果图： 下面是工程目录： 这个控件我也是用的别人的，好像是一个老外写的，com.wheel中的WheelView是滑动控件的主
Android平台下利用zxing实现二维码开发
Android平台下利用zxing实现二维码开发 现在走在大街小巷都能看到二维码，而且最近由于项目需要，所以研究了下二维码开发的东西，开源的二维码扫描库主要有zxing和zbar，zbar在iPos平台上应用比较成熟，而在Android平台上主流还是用zxing库，因此这里主要讲述如何利用zxing
Android ListView的item背景色设置以及item点击无响应等相关问题
Android ListView的item背景色设置以及item点击无响应等相关问题 在Android开发中，listview控件是非常常用的控件，在大多数情况下，大家都会改掉listview的item默认的外观，下面讲解以下在使用listview时最常见的几个问题。1.如何改变item的背景色和按
如何向Android模拟器中导入含有中文名称的文件
如何向Android模拟器中导入含有中文名称的文件在进行Android开发的时候，如果需要向Android模拟器中导入文件进行测试，通过DDMS下手动导入或者在命令行下通过adb push命令是无法导入含有中文文件名的文件的。后来发现借用其他工具可以向模拟器中导入中文名称的文件，这个工具就是Ultr
Windows 下搭建Android开发环境
Windows 下搭建Android开发环境一．下载并安装JDK版本要求JDK1.6+，下载JDK成功后进行安装，安装好后进行环境变量的配置【我的电脑】-——&gt;【属性】——&gt;【高级】 ——&gt;【环境变量】——&gt;【系统变量】中点击【新建】：变量名：CLASSPATH变量值：……
如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题
如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题 在android中有时候可能要实现一个底部弹出菜单，此时可以考虑用PopupWindow来实现。下面就来介绍一下如何使用PopupWindow实现一个弹出窗。 主Activity代码：public void onCreat
解决Android中的ERROR: the user data image is used by another emulator. aborting的方法
解决Android中的ERROR: the user data image is used by another emulator. aborting的方法 今天调试代码的时候，突然出现这个错误，折腾了很久没有解决。最后在google上找到了大家给出的两种解决方案，下面给出这两种方法的链接博客：ht
ViewFlipper 简单应用
AdvserView.java package com.earen.viewflipper; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory;
ImageView的scaleType属性 与 adjustViewBounds属性
ImageView的scaleType的属性有好几种，分别是matrix（默认）、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY。 |值|说明| |:--:|:--| |center|保持原图的大小，显示在ImageVie
在Android studio 3.2 版项目中使用cmake调用C/C++
文章浏览阅读8.8k次，点赞9次，收藏20次。本文操作环境:win10/Android studio 3.21.环境配置 在SDK Tools里选择 CMAKE/LLDB/NDK点击OK 安装这些插件. 2.创建CMakeLists.txt文件 在Project 目录下,右键app，点击新建File文件,命名为CMakeLists.txt点击OK，创建完毕! 3.配置文件 在CMa..._link c++ project with gradle
Android studio跳转界面
文章浏览阅读1.2w次，点赞15次，收藏69次。实现目的：由mainActivity界面跳转到otherActivity界面1.写好两个layout文件，activity_main.xml和otherxml.xmlactivity_main.xml&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;RelativeLayout ="http://schemas..._android studio 界面跳转
Android全局代理软件ProxyDroid和TransProxy源码分享
文章浏览阅读3.8w次。前言：最近在找Android上的全局代理软件来用，然后发现了这两款神作，都是外国的软件，而且都是开源的软件，因此把源码下载了下来，给有需要研究代理这方面的童鞋看看。不得不说，国外的开源精神十分浓，大家相互使用当前基础的开源软件，然后组合成一个更大更强的大开源软件。好吧，废话不多说，下面简单介绍一下这两款开源项目。一、ProxyDroid：ProxyDroid功能比较强大，用到的技术也比较多，源码也_proxydroid
Error:(23, 25) 错误: 程序包R不存在
文章浏览阅读2.5w次，点赞17次，收藏6次。创建项目后，运行项目时Gradle Build 窗口却显示错误：程序包R不存在通常情况下是不会出现这个错误的。我是怎么遇到这个错误的呢？第一次创建项目，company Domain我使用的是：aven.com，但是创建过程在卡在了Building 'Calculator' Gradle Project info这个过程中，于是我选择了“Cancel”第二次创建项目，我还是使用相同的项目名称和项目路_r不存在
教你在Android手机上使用全局代理！
文章浏览阅读8.9w次，点赞4次，收藏43次。前言：在Android上使用系统自带的代理，限制灰常大，仅支持系统自带的浏览器。这样像QQ、飞信、微博等这些单独的App都不能使用系统的代理。如何让所有软件都能正常代理呢？ProxyDroid这个软件能帮你解决！使用方法及步骤如下：一、推荐从Google Play下载ProxyDroid，目前最新版本是v2.6.6。二、对ProxyDroid进行配置（基本配置：） （1） Auto S_proxydroid使用教程
【Android 开发入门】Android设备监视器之调试工具DDMS使用初探
文章浏览阅读1.1w次，点赞4次，收藏17次。Android Studio提供了一个很实用的工具Android设备监视器(Android device monitor)，该监视器中最常用的一个工具就是DDMS（Dalvik Debug Monitor Service），是 Android 开发环境中的Dalvik虚拟机调试监控服务。可以进行的操作有：为测试设备截屏，查看特定进程中正在运行的线程以及堆栈信息、Logcat、广播状态信息、模拟电话_安卓摄像头调试工具
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot