AndroidのListView之滑动列表项(点击事件和滑动事件共存)
这里正好在项目有这么一个bt的需求，如下图ListView的item可以响应点击事件也可以响应item的左右滑动事件，两个事件可以相互独立互不影响。
听说iphone的list选项就有这样bt的功能，安卓版的手机QQ和微信和QQ通讯录也有类似的效果，在网上各种寻早方案都试过，要不只能滑动不能点击要么就只能点击不能滑动，而且操作很不灵敏，网上的代码都是在itemView的onTouch方法里处理，判断down和up的像素差。其实这样操作相当不便，down-up这样的其实只能算拖动事件而不是滑动事件，所以你会联想到scroll和fling的区别。
大家可以看看我之前的做法，使用ontouch方法处理的，很难独立滑动事件跟点击事件，就算可以滑动也是很灵敏，操作10次难得一次成功。
class SwipeListener implements View.OnTouchListener{ ViewHolder holder; HouseList_Item item; int startX = 0; int endX = 0; public SwipeListener(ViewHolder holder, HouseList_Item item) { super(); this.holder = holder; this.item = item; } @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub if(event.getAction() == MotionEvent.ACTION_DOWN){ startX = (int)event.getX(); Debuger.log_e("startX", ""+startX); return true; }else if(event.getAction() == MotionEvent.ACTION_UP){ endX = (int)event.getX(); Debuger.log_e("endX", ""+endX); if(startX - endX > 120){ Debuger.log_e("触发", "左划"); holder.llMenu.setVisibility(View.VISIBLE); return false; }else if(endX - startX >120){ Debuger.log_e("触发", "右划"); holder.llMenu.setVisibility(View.GONE); return true; }else{ Toast.makeText(ctx, "点击item", 3000).show(); return true; } } return true; } }
代码有注释相信大家都看得懂，像上面这样子也差不多让滑动事件和点击事件独立出来了。一开始还傻乎乎的用ListView的OnItemClick事件，搭配这样功能真的是碉堡。
经过半天的努力探索，今天终于很流畅得实现这效果。下面是新的代码：
这个是适配器的代码，有部分省略，主要是GestureDetector 这样一个手势监听器。
public class HouseList_Adapter extends BaseAdapter{ private GestureDetector detector; private List<HouseList_Item> list ; private Context ctx = null; private LayoutInflater inflater = null; FlingListeber listener; public HouseList_Adapter( Context ctx,List<HouseList_Item> list) { super(); this.list = list; this.ctx = ctx; inflater = (LayoutInflater)ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE); listener = new FlingListeber(); detector = new GestureDetector(listener); } @Override public View getView(int arg0, View arg1, ViewGroup arg2) { // TODO Auto-generated method stub ViewHolder holder = null; if(arg1==null){ arg1 = inflater.inflate(R.layout.house_item_layout, null); holder = new ViewHolder(); holder.llItem = (LinearLayout)arg1.findViewById(R.id.llItem); holder.tvTitle = (TextView)arg1.findViewById(R.id.tvTitle); holder.tvBuildeArea = (TextView)arg1.findViewById(R.id.tvArea); holder.tvPrice = (TextView)arg1.findViewById(R.id.tvPrice); holder.tvPriceUnit = (TextView)arg1.findViewById(R.id.tvPriceUnit); holder.tvRoom = (TextView)arg1.findViewById(R.id.tvRoom); holder.llFlag = (LinearLayout)arg1.findViewById(R.id.llFlag); holder.ivFlag1 = (ImageView)arg1.findViewById(R.id.ivFlag1); holder.ivFlag2 = (ImageView)arg1.findViewById(R.id.ivFlag2); holder.ivFlag3 = (ImageView)arg1.findViewById(R.id.ivFlag3); holder.ivFlag4 = (ImageView)arg1.findViewById(R.id.ivFlag4); holder.llMenu = (LinearLayout)arg1.findViewById(R.id.house_ltem_menu); holder.ivCall = (Button)arg1.findViewById(R.id.ivCall); holder.ivDetails = (Button)arg1.findViewById(R.id.ivCall); holder.ivMap = (Button)arg1.findViewById(R.id.ivMap); holder.ivSend = (Button)arg1.findViewById(R.id.ivSend); arg1.setTag(holder); }else{ holder = (ViewHolder)arg1.getTag(); } final HouseList_Item item = list.get(arg0); listener.setItem(item); //holder.llItem.setOnTouchListener(new SwipeListener(holder,item)); holder.llItem.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub return detector.onTouchEvent(event); } }); }
class FlingListeber implements GestureDetector.OnGestureListener{ HouseList_Item item; ViewHolder holder; public HouseList_Item getItem() { return item; } public void setItem(HouseList_Item item) { this.item = item; } public ViewHolder getHolder() { return holder; } public void setHolder(ViewHolder holder) { this.holder = holder; } @Override public boolean onDown(MotionEvent e) { // TODO Auto-generated method stub return false; } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { // TODO Auto-generated method stub if(e2.getX()-e1.getX()>20){ Toast.makeText(ctx, "左滑"+item.areaName, 3000).show(); }else if(e1.getX()-e2.getX()>20){ Toast.makeText(ctx, "右滑"+item.areaName, 3000).show(); } return false; } @Override public void onLongPress(MotionEvent e) { // TODO Auto-generated method stub } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { // TODO Auto-generated method stub return false; } @Override public void onShowPress(MotionEvent e) { // TODO Auto-generated method stub } @Override public boolean onSingleTapUp(MotionEvent e) { // TODO Auto-generated method stub Toast.makeText(ctx, "点击item", 3000).show(); return false; } } }
这样让item的滑动事件交给onFling去处理，点击事件交给onSingleTapUp这样就可以让两个事件相互独立了，但是这样执行发现还是会有很不顺畅滑动的时候，后来我一想那肯定是listview的上下滑动跟item的左右滑动事件有冲突，所以就把之前定义的一个ScrollView里处理touch事件拷过去就很灵敏了，百发百中。
// 滑动距离及坐标 private float xDistance, yDistance, xLast, yLast; @Override public boolean onInterceptTouchEvent(MotionEvent ev) { // TODO Auto-generated method stub switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: xDistance = yDistance = 0f; xLast = ev.getX(); yLast = ev.getY(); break; case MotionEvent.ACTION_MOVE: final float curX = ev.getX(); final float curY = ev.getY(); xDistance += Math.abs(curX - xLast); yDistance += Math.abs(curY - yLast); xLast = curX; yLast = curY; if(xDistance > yDistance){ return false; } } return super.onInterceptTouchEvent(ev); }
把这段代码复制到一个ListView的扩展类里覆盖就行。