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

2023-08-08 17:03:05 141

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、演示

5、快速入手

activity
NineGridChooseImagenineGridChooseImage=findViewById(R.id.nineGridChooseImage);
FrameLayoutframeLayout=findViewById(R.id.frameLayout);
nineGridChooseImage.init(frameLayout);

intstatusBarHeight=0;
intresourceId=getResources().getIdentifier("status_bar_height","dimen","android");
if(resourceId>0){
statusBarHeight=getResources().getDimensionPixelSize(resourceId);
}
nineGridChooseImage.setFixH(statusBarHeight);//自己对一下高度
nineGridChooseImage.setAddClick(newNineGridChooseImage.AddClick(){
@Override
publicvoidonAdd(){
/*Listlist=newLinkedList<>();
for(inti=0;i<5;i++){
list.add("https://xx.jpg");
}*/
nineGridChooseImage.addData("https://xxx.jpg");
}
});

xml

5、实现过程

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

NineGridChooseImage.java
packagecom.example.hotfix_01.view;
importandroid.animation.Animator;
importandroid.animation.AnimatorListenerAdapter;
importandroid.animation.ObjectAnimator;
importandroid.app.Activity;
importandroid.content.Context;
importandroid.graphics.Canvas;
importandroid.graphics.Color;
importandroid.graphics.Point;
importandroid.graphics.Rect;
importandroid.support.annotation.NonNull;
importandroid.support.annotation.Nullable;
importandroid.support.v7.widget.GridLayoutManager;
importandroid.support.v7.widget.RecyclerView;
importandroid.support.v7.widget.helper.ItemTouchHelper;
importandroid.text.TextUtils;
importandroid.util.AttributeSet;
importandroid.util.Log;
importandroid.view.Display;
importandroid.view.Gravity;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.FrameLayout;
importandroid.widget.ImageView;
importandroid.widget.LinearLayout;
importandroid.widget.TextView;
importcom.bumptech.glide.Glide;
importcom.chad.library.adapter.base.BaseItemDraggableAdapter;
importcom.chad.library.adapter.base.BaseViewHolder;
importcom.chad.library.adapter.base.callback.ItemDragAndSwipeCallback;
importcom.chad.library.adapter.base.listener.OnItemDragListener;
importjava.util.LinkedList;
importjava.util.List;
importtop.antaikeji.base.R;
importtop.antaikeji.foundation.utils.DisplayUtil;
importstaticandroid.support.v7.widget.helper.ItemTouchHelper.ACTION_STATE_IDLE;
/**
*Author:flyzhang
*/
publicclassNineGridChooseImageextendsRecyclerView{
privateRectlastRect=newRect();
privateRectrect=newRect();
privatebooleanisDel=false,tempImageDel=false;
privateintmSelectPosition=0;
privateintSCREEN_W,SCREEN_H;
privateintmImageWH;
privateintmImageCount=4;
privateDraggableAdaptermDraggableAdapter;
privateLinearLayoutmBottomView;
privateFrameLayoutmFrameLayout;
privateAddClickmAddClick;
privateDragCallBackmDragCallBack;
privateImageViewmTempImage;
;
privateintmFixH=0;
privateintbottomViewH=55;
privateImageViewtrash;
privateintmargin=2;
publicNineGridChooseImage(@NonNullContextcontext){
super(context);
}
publicNineGridChooseImage(@NonNullContextcontext,@NullableAttributeSetattrs){
super(context,attrs);
}
publicvoidinit(FrameLayoutf){
this.mFrameLayout=f;
DisplaydefaultDisplay=((Activity)getContext()).getWindowManager().getDefaultDisplay();
Pointpoint=newPoint();
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=newImageView(getContext());
mTempImage.setScaleType(ImageView.ScaleType.FIT_XY);
//初始化底部view
mBottomView=newLinearLayout(getContext());
mBottomView.setGravity(Gravity.CENTER);
mBottomView.setBackgroundColor(Color.RED);
FrameLayout.LayoutParamsbottomLayoutParams=newFrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,bottomViewH);
bottomLayoutParams.gravity=Gravity.BOTTOM;
trash=newImageView(getContext());
intwh=DisplayUtil.dpToPx(25);
FrameLayout.LayoutParamstrashParams=newFrameLayout.LayoutParams(wh,wh);
trash.setLayoutParams(trashParams);
mBottomView.addView(trash);
TextViewtipTextView=newTextView(getContext());
tipTextView.setTextColor(Color.WHITE);
tipTextView.setText("拖拽此处删除");
mBottomView.addView(tipTextView);
mBottomView.setOrientation(LinearLayout.VERTICAL);
mBottomView.setLayoutParams(bottomLayoutParams);
mBottomView.setVisibility(GONE);
out();
mFrameLayout.addView(mBottomView);
GridLayoutManagergridLayoutManager=newGridLayoutManager(getContext(),3);
setLayoutManager(gridLayoutManager);
Listdata=newLinkedList<>();
data.add("");
mDraggableAdapter=newDraggableAdapter(data);
DragAndSwipeCallbackmItemDragAndSwipeCallback=newDragAndSwipeCallback(mDraggableAdapter);
ItemTouchHelperitemTouchHelper=newItemTouchHelper(mItemDragAndSwipeCallback);
itemTouchHelper.attachToRecyclerView(this);
mDraggableAdapter.enableDragItem(itemTouchHelper,R.id.image,true);
mItemDragAndSwipeCallback.setSwipeMoveFlags(ItemTouchHelper.START|ItemTouchHelper.END);
mDraggableAdapter.setOnItemDragListener(newOnItemDragListener(){
@Override
publicvoidonItemDragStart(RecyclerView.ViewHolderviewHolder,intpos){
if(null!=mDragCallBack){
mDragCallBack.onStart();
}
mSelectPosition=pos;
mFrameLayout.removeView(mTempImage);
tempImageDel=false;
isDel=false;
in();
ImageViewimageView=viewHolder.itemView.findViewById(R.id.image);
mTempImage.setImageDrawable(imageView.getDrawable());
ViewGroup.LayoutParamsl=newViewGroup.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
publicvoidonItemDragMoving(RecyclerView.ViewHoldersource,intfrom,RecyclerView.ViewHoldertarget,intto){
target.itemView.findViewById(R.id.image).getGlobalVisibleRect(lastRect);
mSelectPosition=to;
}
@Override
publicvoidonItemDragEnd(RecyclerView.ViewHolderviewHolder,intpos){
if(null!=mDragCallBack){
mDragCallBack.onEnd();
}
ImageViewimageView=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);
}
publicvoidsetFixH(intmFixH){
this.mFixH=mFixH;
}
/**
*拖住adapter
*/
privateclassDraggableAdapterextendsBaseItemDraggableAdapter{
privateDraggableAdapter(Listdata){
super(R.layout.base_iamge_item,data);
}
@Override
protectedvoidconvert(@NonNullBaseViewHolderhelper,Stringitem){
ImageViewimageView=helper.getView(R.id.image);//图片
LinearLayout.LayoutParamsl=(LinearLayout.LayoutParams)imageView.getLayoutParams();
l.height=mImageWH;
l.width=mImageWH;
l.rightMargin=margin;
l.bottomMargin=margin;
l.topMargin=margin;
imageView.setLayoutParams(l);
ImageViewimageView2=helper.getView(R.id.image2);//加号
LinearLayout.LayoutParamsl2=(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(newOnClickListener(){
@Override
publicvoidonClick(Viewv){
if(null!=mAddClick){
mAddClick.onAdd();
}
}
});
}
}else{
imageView.setVisibility(View.VISIBLE);
imageView2.setVisibility(View.GONE);
Glide.with(mContext).load(item).into(imageView);
}
imageView.setAlpha(1f);
}
}
/**
*拖拽监听
*/
privateclassDragAndSwipeCallbackextendsItemDragAndSwipeCallback{
privateDragAndSwipeCallback(BaseItemDraggableAdapteradapter){
super(adapter);
}
@Override
publicbooleancanDropOver(@NonNullRecyclerViewrecyclerView,@NonNullRecyclerView.ViewHoldercurrent,@NonNullRecyclerView.ViewHoldertarget){
if(target.getAdapterPosition()==mDraggableAdapter.getData().size()-1||current.getAdapterPosition()==mDraggableAdapter.getData().size()-1){
returnfalse;
}
returnsuper.canDropOver(recyclerView,current,target);
}
@Override
publicvoidonSelectedChanged(RecyclerView.ViewHolderviewHolder,intactionState){
super.onSelectedChanged(viewHolder,actionState);
if(actionState==ACTION_STATE_IDLE){
//空闲状态
if(isDel){
isDel=false;
tempImageDel=true;
mFrameLayout.removeView(mTempImage);
}
}
}
@Override
publicvoidonChildDrawOver(@NonNullCanvasc,@NonNullRecyclerViewrecyclerView,@NonNullRecyclerView.ViewHolderviewHolder,floatdX,floatdY,intactionState,booleanisCurrentlyActive){
super.onChildDrawOver(c,recyclerView,viewHolder,dX,dY,actionState,isCurrentlyActive);
if(tempImageDel){
return;
}
ImageViewtempImageView=viewHolder.itemView.findViewById(R.id.image);
booleanb=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-bottomViewHpath){
intsize=mDraggableAdapter.getData().size();
intoffset=mImageCount-size+1;
if(offset>path.size()){
offset=path.size();
}
mDraggableAdapter.addData(0,path.subList(0,offset));
mDraggableAdapter.notifyItemChanged(mDraggableAdapter.getData().size()-1);
}
publicvoidsetImageCount(intmImageCount){
this.mImageCount=mImageCount;
}
publicvoidsetAddClick(AddClickmAddClick){
this.mAddClick=mAddClick;
}
publicvoidsetDragCallBack(DragCallBackmDragCallBack){
this.mDragCallBack=mDragCallBack;
}
/**
*获取列表
*
*@return
*/
publicListgetData(){
Listres=newLinkedList<>();
for(inti=0;i
iamge_item.xml






总结
以上所述是小编给大家介绍的Android仿微信发动态九宫格拖拽、删除功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

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

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

2、微信发动态拖拽bug

3、拖拽事件用的basequickadapter

4、演示

5、快速入手

5、实现过程

热门推荐

随机推荐