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

2019-12-12 06:04:59

字体：大中小

来源：转载

供稿：网友

最近由于项目的需要，自定义了一个具有侧滑功能的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" > <RelativeLayout android: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">  <ImageView  android:id="@+id/imgLamp"  android:layout_alignParentLeft="true"  android:layout_marginLeft="10dp"  android:src="@mipmap/ic_launcher"  android:layout_width="40dp"  android:layout_height="40dp"/>  <TextView  android: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" />  <TextView  android: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--> <TextView android: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--> <TextView android: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; } @Override public int getCount() {  return bulbList.size(); } @Override public Object getItem(int position) {  return bulbList.get(position); } @Override public long getItemId(int position) {  return position; } @Override public 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() {  @Override  public void onClick(View v) {   if (onClickListenerEditOrDelete!=null){   onClickListenerEditOrDelete.OnClickListenerDelete(position);   }  }  });  viewHolder.tvEdit.setOnClickListener(new View.OnClickListener() {  @Override  public 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的LayoutParams  public 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"> <TextView android: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.SlideListView android: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")); } }}

更多学习内容，可以点击《Android侧滑效果汇总》学习。

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

上一篇：Android获取周围WIFI热点服务

下一篇：Android获取apk签名指纹的md5值(防止重新被打包)的实现方法