Android自定义可编辑、删除的侧滑LisitView

最近由于项目的需要，自定义了一个具有侧滑功能的listview，侧滑后可以点击编辑、删除。好了，大家先看一下效果图，毕竟是看脸的世界。

好了，我要先讲一下思路，一次编辑很难完善，有什么问题我后来还会补上，欢迎各位大神拍砖：
1、首先先说一下item：item用的LinearLayout布局，删除、编辑分别是写死了宽度的TextView，左边是一个match_parent的RelativeLayout,内容自己随意搞
2、上下滑动和左右滑动的处理：当用户手指滑动时，可以进行坐标的判断，如果Y轴移动距离大，则listview上下滑动；否则当X轴移动距离达到或者超过一个TextView的宽度时，动态控制item的marginLeft为负的两倍TextView的宽度，从而实现滑动效果

3、编辑、删除的点击：编辑、删除在adapter中进行监听，然后自己在adapter中再定义一个监听接口，方便用户在使用listview的activity中进行监听
下面附上item的布局文件：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="#ffffff"android:orientation="horizontal"><RelativeLayout android:id="@+id/rlTop" android:layout_width="match_parent" android:layout_height="65dp" android:padding="10dp"> <ImageViewandroid:id="@+id/imgLamp"android:layout_alignParentLeft="true"android:layout_marginLeft="10dp"android:src="@mipmap/ic_launcher"android:layout_width="40dp"android:layout_height="40dp"/> <TextViewandroid:id="@+id/tvName"android:layout_width="wrap_content"android:layout_height="22dp"android:layout_toRightOf="@+id/imgLamp"android:layout_marginLeft="10dp"android:gravity="center"android:textSize="17sp"android:textColor="#000000" /> <TextViewandroid:id="@+id/tvContent"android:layout_width="wrap_content"android:layout_height="18dp"android:layout_toRightOf="@+id/imgLamp"android:layout_below="@+id/tvName"android:layout_marginLeft="10dp"android:gravity="center"android:textSize="14sp"android:textColor="#000000"android:text="content"/></RelativeLayout><View android:layout_width="match_parent" android:layout_height="1dp" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_below="@+id/rlTop" android:background="#EEEEEE"/> </RelativeLayout> <！--Edit--> <TextViewandroid:id="@+id/tvEdit"android:layout_width="80dp"android:layout_height="match_parent"android:background="#dddddd"android:gravity="center"android:paddingLeft="20dp"android:layout_marginBottom="1dp"android:textColor="@android:color/white"android:paddingRight="20dp"android:text="编辑" /> <！--delete--> <TextViewandroid:id="@+id/delete"android:layout_width="80dp"android:layout_height="match_parent"android:background="#FFFF0000"android:gravity="center"android:paddingLeft="20dp"android:layout_marginBottom="1dp"android:textColor="@android:color/white"android:paddingRight="20dp"android:text="删除" /></LinearLayout>

Adapter代码：

package com.lei.slidelistview;import android.content.Context;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;import java.util.List;/** * Created by 磊 on 2016/7/7. */public class ListViewSlideAdapter extends BaseAdapter{ private List<String> bulbList; private Context context; private OnClickListenerEditOrDelete onClickListenerEditOrDelete;public ListViewSlideAdapter（Context context, List<String> bulbList）{ this.bulbList=bulbList; this.context=context;}@Overridepublic int getCount（） { return bulbList.size（）;}@Overridepublic Object getItem（int position） { return bulbList.get（position）;}@Overridepublic long getItemId（int position） { return position;}@Overridepublic View getView（final int position, View convertView, ViewGroup parent） { final String bulb=bulbList.get（position）; View view; ViewHolder viewHolder; if（null == convertView） {view = View.inflate（context, R.layout.item_slide_delete_edit, null）;viewHolder=new ViewHolder（）;viewHolder.tvName=（TextView）view.findViewById（R.id.tvName）;viewHolder.img=（ImageView）view.findViewById（R.id.imgLamp）;viewHolder.tvDelete=（TextView）view.findViewById（R.id.delete）;viewHolder.tvEdit=（TextView）view.findViewById（R.id.tvEdit）;view.setTag（viewHolder）;//store up viewHolder }else {view=convertView;viewHolder=（ViewHolder）view.getTag（）; } viewHolder.img.setImageResource（R.mipmap.ic_launcher）; viewHolder.tvName.setText（bulb）; viewHolder.tvDelete.setOnClickListener（new View.OnClickListener（） {@Overridepublic void onClick（View v） { if （onClickListenerEditOrDelete！=null）{onClickListenerEditOrDelete.OnClickListenerDelete（position）; }} }）; viewHolder.tvEdit.setOnClickListener（new View.OnClickListener（） {@Overridepublic void onClick（View v） { if （onClickListenerEditOrDelete！=null）{onClickListenerEditOrDelete.OnClickListenerEdit（position）; }} }）; return view;}private class ViewHolder{ TextView tvName,tvEdit,tvDelete; ImageView img;} public interface OnClickListenerEditOrDelete{void OnClickListenerEdit（int position）;void OnClickListenerDelete（int position）; } public void setOnClickListenerEditOrDelete（OnClickListenerEditOrDelete onClickListenerEditOrDelete1）{this.onClickListenerEditOrDelete=onClickListenerEditOrDelete1; } }

自定义ListView文件代码：

package com.lei.slidelistview;import android.content.Context;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.view.MotionEvent;import android.view.ViewGroup;import android.view.WindowManager;import android.widget.LinearLayout;import android.widget.ListView;public class SlideListView extends ListView { private int mScreenWidth; // 屏幕宽度 private int mDownX; // 按下点的x值 private int mDownY; // 按下点的y值 private int mDeleteBtnWidth;// 删除按钮的宽度private boolean isDeleteShown; // 删除按钮是否正在显示private ViewGroup mPointChild; // 当前处理的item private LinearLayout.LayoutParams mLayoutParams; // 当前处理的item的LayoutParamspublic SlideListView（Context context, AttributeSet attrs） { this（context, attrs, 0）; } public SlideListView（Context context, AttributeSet attrs, int defStyle） { super（context, attrs, defStyle）;// 获取屏幕宽度 WindowManager wm = （WindowManager） context.getSystemService（Context.WINDOW_SERVICE）; DisplayMetrics dm = new DisplayMetrics（）; wm.getDefaultDisplay（）.getMetrics（dm）; mScreenWidth = dm.widthPixels; }@Override public boolean onTouchEvent（MotionEvent ev） { switch （ev.getAction（）） { case MotionEvent.ACTION_DOWN: performActionDown（ev）; break; case MotionEvent.ACTION_MOVE: return performActionMove（ev）; case MotionEvent.ACTION_UP: performActionUp（）; break; }return super.onTouchEvent（ev）; } // 处理action_down事件 private void performActionDown（MotionEvent ev） { if（isDeleteShown） { turnToNormal（）; }mDownX = （int） ev.getX（）; mDownY = （int） ev.getY（）; // 获取当前点的item mPointChild = （ViewGroup） getChildAt（pointToPosition（mDownX, mDownY） - getFirstVisiblePosition（））; // 获取删除按钮的宽度 mDeleteBtnWidth = mPointChild.getChildAt（1）.getLayoutParams（）.width; mLayoutParams = （LinearLayout.LayoutParams） mPointChild.getChildAt（0） .getLayoutParams（）; mLayoutParams.width = mScreenWidth; mPointChild.getChildAt（0）.setLayoutParams（mLayoutParams）; }// 处理action_move事件 private boolean performActionMove（MotionEvent ev） { int nowX = （int） ev.getX（）; int nowY = （int） ev.getY（）; if（Math.abs（nowX - mDownX） > Math.abs（nowY - mDownY）） { // 如果向左滑动 if（nowX < mDownX） { // 计算要偏移的距离 int scroll = （nowX - mDownX） / 2; // 如果大于了删除按钮的宽度， 则最大为删除按钮的宽度 if（-scroll >= mDeleteBtnWidth） {scroll = -mDeleteBtnWidth; } // 重新设置leftMargin mLayoutParams.leftMargin = scroll*2; mPointChild.getChildAt（0）.setLayoutParams（mLayoutParams）; } return true; } return super.onTouchEvent（ev）; }// 处理action_up事件 private void performActionUp（） { // 偏移量大于button的一半，则显示button // 否则恢复默认 if（-mLayoutParams.leftMargin >= mDeleteBtnWidth / 2） { mLayoutParams.leftMargin = -mDeleteBtnWidth*2; isDeleteShown = true; }else { turnToNormal（）; }mPointChild.getChildAt（0）.setLayoutParams（mLayoutParams）; } /** * 变为正常状态 */ public void turnToNormal（） { mLayoutParams.leftMargin = 0; mPointChild.getChildAt（0）.setLayoutParams（mLayoutParams）; isDeleteShown = false; } /** * 当前是否可点击 * @return 是否可点击 */ public boolean canClick（） { return ！isDeleteShown; }}

下面附上使用布局代码+使用后台代码（2016年7月7日亲测可用）
布局：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.lei.slidelistview.MainActivity"> <TextViewandroid:id="@+id/tvTitle"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:textSize="20sp"android:text="title" /> <com.lei.slidelistview.SlideListViewandroid:id="@+id/list"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/tvTitle"> </com.lei.slidelistview.SlideListView></RelativeLayout>

使用后台代码，这里要注意以下adapter设置监听的位置，放错了会报错哦

package com.lei.slidelistview;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.widget.Toast;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity { private SlideListView listView; private List<String> list=new ArrayList<String>（）; private ListViewSlideAdapter listViewSlideAdapter; @Override protected void onCreate（Bundle savedInstanceState） {super.onCreate（savedInstanceState）;setContentView（R.layout.activity_main）;getData（）;initView（）; } private void initView（）{listView=（SlideListView）findViewById（R.id.list）;listViewSlideAdapter=new ListViewSlideAdapter（this,list）;listView.setAdapter（listViewSlideAdapter）;listViewSlideAdapter.setOnClickListenerEditOrDelete（new ListViewSlideAdapter.OnClickListenerEditOrDelete（） { @Override public void OnClickListenerEdit（int position） {Toast.makeText（MainActivity.this, "edit position: " + position, Toast.LENGTH_SHORT）.show（）; } @Override public void OnClickListenerDelete（int position） {Toast.makeText（MainActivity.this, "delete position: " + position, Toast.LENGTH_SHORT）.show（）; }}）; } private void getData（）{for （int i=0;i<20;i++）{ list.add（new String（"第"+i+"个item"））;} }}

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