Android 模仿QQ侧滑删除ListView功能示例

2024-02-28 00:18:03 41

需求：

1、listView可以侧滑item，展示删除按钮，点击删除按钮，删除当前的item

2、在删除按钮展示时，点击隐藏删除按钮，不响应item的点击事件

3、在删除按钮隐藏时，点击item响应点击事件

根据以上需求在网络上查找响应的例子，也有仿QQ侧滑代码，但不能满足2和3的要求，因此修改了一把，代码如下，共大家拍砖

第一步：重写ListView

publicclassSwipeListViewextendsListView{
privatefinalstaticStringTAG="SwipeListView";
privateintmScreenWidth;//屏幕宽度
privateintmDownX;//按下点的x值
privateintmDownY;//按下点的y值
privateintmDeleteBtnWidth;//删除按钮的宽度
privatebooleanisDeleteShown=false;//删除按钮是否正在显示
privatebooleanisOnClick=false;
privateViewGroupmPointChild;//当前处理的item
privateLinearLayout.LayoutParamsmLayoutParams;//当前处理的item的LayoutParams
publicSwipeListView(Contextcontext,AttributeSetattrs){
this(context,attrs,0);
}
publicSwipeListView(Contextcontext,AttributeSetattrs,intdefStyle){
super(context,attrs,defStyle);
//获取屏幕宽度
WindowManagerwm=(WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
DisplayMetricsdm=newDisplayMetrics();
wm.getDefaultDisplay().getMetrics(dm);
mScreenWidth=dm.widthPixels;
}
@Override
publicbooleanonTouchEvent(MotionEventev){
switch(ev.getAction()){
caseMotionEvent.ACTION_DOWN:
performActionDown(ev);
break;
caseMotionEvent.ACTION_MOVE:
returnperformActionMove(ev);
caseMotionEvent.ACTION_UP:
returnperformActionUp(ev);
//break;
}
returnsuper.onTouchEvent(ev);
}
//处理action_down事件
privatevoidperformActionDown(MotionEventev){
//Log.e(TAG,"performActionDown===="+isDeleteShown);
if(isDeleteShown){
turnToNormal();
}
isOnClick=true;
mDownX=(int)ev.getX();
mDownY=(int)ev.getY();
//获取当前点的item
intdownPosition=pointToPosition(mDownX,mDownY);
intfirstPosition=getFirstVisiblePosition();
Log.e(TAG,"performActionDown====downPosition:"+downPosition+"==firstPosition"+firstPosition);
if(downPosition<0)return;
mPointChild=(ViewGroup)getChildAt(downPosition-firstPosition);
//获取删除按钮的宽度
mDeleteBtnWidth=mPointChild.getChildAt(1).getLayoutParams().width;
mLayoutParams=(LinearLayout.LayoutParams)mPointChild.getChildAt(0)
.getLayoutParams();
//为什么要重新设置layout_width等于屏幕宽度
//因为match_parent时，不管你怎么滑，都不会显示删除按钮
//why？因为match_parent时，ViewGroup就不去布局剩下的view
mLayoutParams.width=mScreenWidth;
mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
}
//处理action_move事件
privatebooleanperformActionMove(MotionEventev){
//Log.e(TAG,"performActionMove===="+isDeleteShown);
intnowX=(int)ev.getX();
intnowY=(int)ev.getY();
isOnClick=false;
if(Math.abs(nowX-mDownX)>Math.abs(nowY-mDownY)){
//如果向左滑动
if(nowX=mDeleteBtnWidth){
scroll=-mDeleteBtnWidth;
}
//重新设置leftMargin
mLayoutParams.leftMargin=scroll;
mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
}
returntrue;
}
returnsuper.onTouchEvent(ev);
}
//处理action_up事件
privatebooleanperformActionUp(MotionEventev){
booleanfalg=false;
if(isOnClick&&!isDeleteShown)
{
falg=true;
}
//偏移量大于button的一半，则显示button
//否则恢复默认
if(-mLayoutParams.leftMargin>=mDeleteBtnWidth/2){
mLayoutParams.leftMargin=-mDeleteBtnWidth;
isDeleteShown=true;
}else{
turnToNormal();
isDeleteShown=false;
}
mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
//Log.e(TAG,"performActionUp===="+isDeleteShown);
if(falg)
{
returnsuper.onTouchEvent(ev);
}
returntrue;
}
/**
*变为正常状态
*/
publicvoidturnToNormal(){
mLayoutParams.leftMargin=0;
mPointChild.getChildAt(0).setLayoutParams(mLayoutParams);
}
/**
*当前是否可点击
*
*@return是否可点击
*/
publicbooleancanClick(){
return!isDeleteShown;
}
}

第二步：适配器

classSwipeListAdapterextendsBaseAdapter{
@Override
publicintgetCount(){
returnmData.size();
}
@Override
publicObjectgetItem(intposition){
returnmData.get(position);
}
@Override
publiclonggetItemId(intposition){
returnposition;
}
@Override
publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
ViewHolderholder=null;
if(null==convertView){
holder=newViewHolder();
convertView=View.inflate(TestListViewActivity.this,R.layout.item_swipe_list,null);
holder.tv=(LinearLayout)convertView.findViewById(R.id.tv);
holder.tvName=(TextView)convertView.findViewById(R.id.tv_name);
holder.delete=(TextView)convertView.findViewById(R.id.delete);
convertView.setTag(holder);
}
else{
holder=(ViewHolder)convertView.getTag();
}
holder.tvName.setText(mData.get(position));
finalintpos=position;
holder.delete.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewv){
mData.remove(pos);
notifyDataSetChanged();
mListView.turnToNormal();
}
});
returnconvertView;
}
}
staticclassViewHolder{
LinearLayouttv;
TextViewtvName;
TextViewdelete;
}

第三步：写一个TestListViewActivity

privateSwipeListViewmListView;
privateArrayListmData=newArrayList(){
{
for(inti=0;i<20;i++){
add("helloworld,helloandroid"+i);
}
}
};
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_test_list_view);
Toolbartoolbar=(Toolbar)findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
FloatingActionButtonfab=(FloatingActionButton)findViewById(R.id.fab);
fab.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewview){
Snackbar.make(view,"Replacewithyourownaction",Snackbar.LENGTH_LONG)
.setAction("Action",null).show();
}
});
mListView=(SwipeListView)findViewById(R.id.list);
mListView.setAdapter(newSwipeListAdapter());
//mListView.setOnItemLongClickListener(newAdapterView.OnItemLongClickListener(){
//@Override
//publicbooleanonItemLongClick(AdapterViewparent,Viewview,intposition,longid){
//Toast.makeText(TestListViewActivity.this,mData.get(position)+"被点击了",
//Toast.LENGTH_SHORT).show();
//returnfalse;
//}
//});
mListView.setOnItemClickListener(newAdapterView.OnItemClickListener(){
@Override
publicvoidonItemClick(AdapterViewparent,Viewview,intposition,longid){
Log.e("SwipeListView","setOnItemClickListener===="+mListView.canClick());
//Toast.makeText(TestListViewActivity.this,mData.get(position)+"被点击了",
//Toast.LENGTH_SHORT).show();
}
});
}

第四步：布局文件

第五步：item的布局文件

重点注意：

intdownPosition=pointToPosition(mDownX,mDownY);

downPosition在使用过程中得到-1，导致后面方法调用异常！

以上所述是小编给大家介绍的Android模仿QQ侧滑删除ListView功能示例，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

Android 模仿QQ侧滑删除ListView功能示例

热门推荐

随机推荐