Android仿微信实现左滑显示删除按钮功能

2023-09-06 12:04:04 61

在实际项目中删除列表中的某一项是非常常见的功能，传统的做法可以使用长按监听器等，而现在流行的做法是左滑弹出删除按钮，微信，QQ等都是这么做的，下面做一个示例，代码如下：

主页面MainActivity：代码比较简单常规

packagecom.home.testslideview;

importjava.util.ArrayList;
importjava.util.List;

importandroid.app.Activity;
importandroid.os.Bundle;
importandroid.widget.ListView;

importcom.home.textslideview.R;

publicclassMainActivityextendsActivity{

privateListViewlistView;

privateListlist=newArrayList();

//适配器
privateSlideAdapteradapter;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initView();
initData();
setAdapter();
}

/**
*初始化页面控件
*/
privatevoidinitView(){
listView=(ListView)findViewById(R.id.main_lv);
}

/**
*初始化数据
*/
privatevoidinitData(){
list.add(newNewInfoBean("这是测试内容1"));
list.add(newNewInfoBean("这是测试内容2"));
list.add(newNewInfoBean("这是测试内容3"));
list.add(newNewInfoBean("这是测试内容4"));
list.add(newNewInfoBean("这是测试内容5"));
list.add(newNewInfoBean("这是测试内容6"));
list.add(newNewInfoBean("这是测试内容7"));
list.add(newNewInfoBean("这是测试内容8"));
list.add(newNewInfoBean("这是测试内容9"));
list.add(newNewInfoBean("这是测试内容10"));
}

/**
*设置适配器
*/
privatevoidsetAdapter(){
if(adapter==null){
adapter=newSlideAdapter(this,list);
listView.setAdapter(adapter);
}else{
adapter.setList(list);
adapter.notifyDataSetChanged();
}
}

}

实体类NewInfoBean：具体项目中由自己定义：

packagecom.home.testslideview;

publicclassNewInfoBean{
publicSlideViewslideView;

privateStringcontent;

publicSlideViewgetSlideView(){
returnslideView;
}

publicvoidsetSlideView(SlideViewslideView){
this.slideView=slideView;
}

publicStringgetContent(){
returncontent;
}

publicvoidsetContent(Stringcontent){
this.content=content;
}

publicNewInfoBean(){
super();
}

publicNewInfoBean(Stringcontent){
super();
this.content=content;
}

}

适配器SlideAdapter：也比较简单

packagecom.home.testslideview;

importjava.util.List;

importandroid.content.Context;
importandroid.util.SparseArray;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.view.ViewGroup;
importandroid.widget.BaseAdapter;
importandroid.widget.TextView;

importcom.home.testslideview.SlideView.OnSlideListener;
importcom.home.textslideview.R;

publicclassSlideAdapterextendsBaseAdapterimplementsOnSlideListener,
OnClickListener{

privateLayoutInflaterinflater;

privateListlist;

privateContextcontext;

publicSlideAdapter(Contextcontext,Listlist){
if(inflater==null){
inflater=LayoutInflater.from(context);
}
this.list=list;
this.context=context;
}

@Override
publicintgetCount(){
returnlist.size();
}

@Override
publicObjectgetItem(intposition){
returnlist.get(position);
}

@Override
publiclonggetItemId(intposition){
returnposition;
}

@Override
publicViewgetView(intposition,ViewconvertView,ViewGrouparg2){

SlideViewslideView=(SlideView)convertView;
NewInfoBeanbean=list.get(position);
if(slideView==null){
slideView=newSlideView(context);
slideView.setOnSlideListener(this);
}

//设置内容
TextViewcontentText=getAdapterView(slideView,
R.id.slideview_tv_content,position);
contentText.setText(bean.getContent());

//删除按钮
TextViewdelText=getAdapterView(slideView,R.id.slideview_tv_del,
position);
delText.setOnClickListener(this);

bean.slideView=slideView;
bean.slideView.shrink();

returnslideView;
}

@SuppressWarnings("unchecked")
publicTgetAdapterView(ViewconvertView,intid,
Objecttag){
SparseArrayviewHolder=null;
try{
if(convertView.getTag(R.id.view_holder)instanceofSparseArray){
viewHolder=(SparseArray)convertView
.getTag(R.id.view_holder);
}
}catch(ClassCastExceptione){
}
if(viewHolder==null){
viewHolder=newSparseArray();
convertView.setTag(R.id.view_holder,viewHolder);
convertView.setTag(R.id.order_id,tag);
}
ViewchildView=viewHolder.get(id);
if(childView==null){
childView=convertView.findViewById(id);
childView.setTag(tag);
viewHolder.put(id,childView);
}
return(T)childView;
}

publicListgetList(){
returnlist;
}

publicvoidsetList(Listlist){
this.list=list;
}

@Override
publicvoidonSlide(Viewview,intstatus){
}

@Override
publicvoidonClick(Viewv){
switch(v.getId()){
caseR.id.slideview_tv_del:
intposition=(Integer)v.getTag();
list.remove(position);
notifyDataSetChanged();
break;

default:
break;
}
}

}

比较关键的两个类：

自定义的ListView：SlideListView

packagecom.home.testslideview;

importandroid.content.Context;
importandroid.util.AttributeSet;
importandroid.view.MotionEvent;
importandroid.view.View;
importandroid.widget.ListView;

publicclassSlideListViewextendsListView{

privateSlideViewitemView;

publicSlideListView(Contextcontext){
super(context);
}

publicSlideListView(Contextcontext,AttributeSetattrs){
super(context,attrs);
}

publicvoidshrinkListItem(intposition){
Viewitem=getChildAt(position);
if(item!=null){
try{
((SlideView)item).shrink();
}catch(ClassCastExceptione){
e.printStackTrace();
}
}
}

@Override
publicbooleanonTouchEvent(MotionEventevent){
switch(event.getAction()){
caseMotionEvent.ACTION_DOWN:{
intx=(int)event.getX();
inty=(int)event.getY();
intposition=pointToPosition(x,y);
if(position!=INVALID_POSITION){
NewInfoBeandata=(NewInfoBean)getItemAtPosition(position);
itemView=data.slideView;
}
}
default:
break;
}

if(itemView!=null){
itemView.onRequireTouchEvent(event);
}

returnsuper.onTouchEvent(event);
}

}

自定义的ListView中的每一行控件：SlideView(借鉴网上的一个示例)：

packagecom.home.testslideview;

importandroid.content.Context;
importandroid.util.AttributeSet;
importandroid.util.Log;
importandroid.util.TypedValue;
importandroid.view.LayoutInflater;
importandroid.view.MotionEvent;
importandroid.view.View;
importandroid.widget.LinearLayout;
importandroid.widget.Scroller;

importcom.home.textslideview.R;

publicclassSlideViewextendsLinearLayout{

privatestaticfinalStringTAG=SlideView.class.getSimpleName();

privateContextmContext;
privateScrollermScroller;
privateOnSlideListenermOnSlideListener;

privateintmHolderWidth=80;

privateintmLastX=0;
privateintmLastY=0;
privatestaticfinalintTAN=2;

privateLayoutInflaterinflater;

publicinterfaceOnSlideListener{
publicstaticfinalintSLIDE_STATUS_OFF=0;
publicstaticfinalintSLIDE_STATUS_START_SCROLL=1;
publicstaticfinalintSLIDE_STATUS_ON=2;

/**
*@paramview
*currentSlideView
*@paramstatus
*SLIDE_STATUS_ONorSLIDE_STATUS_OFF
*/
publicvoidonSlide(Viewview,intstatus);
}

publicSlideView(Contextcontext){
super(context);
initView();
}

publicSlideView(Contextcontext,AttributeSetattrs){
super(context,attrs);
initView();
}

privatevoidinitView(){
mContext=getContext();
if(inflater==null){
inflater=LayoutInflater.from(mContext);
}
mScroller=newScroller(mContext);

setOrientation(LinearLayout.HORIZONTAL);
View.inflate(mContext,R.layout.slide_view_merge,this);
mHolderWidth=Math.round(TypedValue.applyDimension(
TypedValue.COMPLEX_UNIT_DIP,mHolderWidth,getResources()
.getDisplayMetrics()));
}

publicvoidsetOnSlideListener(OnSlideListeneronSlideListener){
mOnSlideListener=onSlideListener;
}

publicvoidshrink(){
if(getScrollX()!=0){
this.smoothScrollTo(0,0);
}
}

publicvoidonRequireTouchEvent(MotionEventevent){
intx=(int)event.getX();
inty=(int)event.getY();
intscrollX=getScrollX();
Log.d(TAG,"x="+x+"y="+y);

switch(event.getAction()){
caseMotionEvent.ACTION_DOWN:{
if(!mScroller.isFinished()){
mScroller.abortAnimation();
}
if(mOnSlideListener!=null){
mOnSlideListener.onSlide(this,
OnSlideListener.SLIDE_STATUS_START_SCROLL);
}
break;
}
caseMotionEvent.ACTION_MOVE:{
intdeltaX=x-mLastX;
intdeltaY=y-mLastY;
if(Math.abs(deltaX)mHolderWidth){
newScrollX=mHolderWidth;
}
this.scrollTo(newScrollX,0);
}
break;
}
caseMotionEvent.ACTION_UP:{
intnewScrollX=0;
if(scrollX-mHolderWidth*0.75>0){
newScrollX=mHolderWidth;
}
this.smoothScrollTo(newScrollX,0);
if(mOnSlideListener!=null){
mOnSlideListener.onSlide(this,
newScrollX==0?OnSlideListener.SLIDE_STATUS_OFF
:OnSlideListener.SLIDE_STATUS_ON);
}
break;
}
default:
break;
}

mLastX=x;
mLastY=y;
}

privatevoidsmoothScrollTo(intdestX,intdestY){
//缓慢滚动到指定位置
intscrollX=getScrollX();
intdelta=destX-scrollX;
mScroller.startScroll(scrollX,0,delta,0,Math.abs(delta)*3);
invalidate();
}

@Override
publicvoidcomputeScroll(){
if(mScroller.computeScrollOffset()){
scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
postInvalidate();
}
}

}

main.xml：

slide_view_merge.xml：

源码下载：高仿微信左滑删除效果

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

Android仿微信实现左滑显示删除按钮功能

热门推荐

随机推荐