最近由于项目的需要,自定义了一个具有侧滑功能的listview,侧滑后可以点击编辑、删除。好了,大家先看一下效果图,毕竟是看脸的世界。
好了,我要先讲一下思路,一次编辑很难完善,有什么问题我后来还会补上,欢迎各位大神拍砖:
1、首先先说一下item:item用的LinearLayout布局,删除、编辑分别是写死了宽度的TextView,左边是一个match_parent的RelativeLayout,内容自己随意搞
2、上下滑动和左右滑动的处理:当用户手指滑动时,可以进行坐标的判断,如果Y轴移动距离大,则listview上下滑动;否则当X轴移动距离达到或者超过一个TextView的宽度时,动态控制item的marginLeft为负的两倍TextView的宽度,从而实现滑动效果
3、编辑、删除的点击:编辑、删除在adapter中进行监听,然后自己在adapter中再定义一个监听接口,方便用户在使用listview的activity中进行监听
下面附上item的布局文件:
<&#63;xml version="1.0" encoding="utf-8"&#63;>
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 ListbulbList; private Context context; private OnClickListenerEditOrDelete onClickListenerEditOrDelete; public ListViewSlideAdapter(Context context, List 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= 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日亲测可用)
布局:
<&#63;xml version="1.0" encoding="utf-8"&#63;>
使用后台代码,这里要注意以下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 Listlist=new ArrayList (); 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侧滑效果汇总》学习。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。