ListView 实现带有Filpper效果的左右滑动删除 Item  的实现最基本的方法还是 对 Listview 的继承重写 。然后是在删除过程中加入 TranslateAnimation 滑动事件。

<span style="font-size:14px;">public class FilpperActivity extends Activity {
private FilpperListvew flipperListView;
private MyAdapter adapter ;
private List<String> items;
private int width;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_filpper);
DisplayMetrics dm = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
width = dm.widthPixels;
flipperListView = (FilpperListvew) findViewById(R.id.filpperlistview);
items = new ArrayList<String>();
for(int i=0;i<15;i++){
items.add("item---->"+i);
}
adapter = new MyAdapter(this, items);
flipperListView.setAdapter(adapter);
//自己定义的接口
flipperListView.setFilpperDeleteListener(new FilpperDeleteListener() {
@Override
public void filpperDelete(float xPosition,float yPosition) {
//listview中要有item。否则返回
if(flipperListView.getChildCount() == 0)
return ;
//依据坐标获得滑动删除的item的index
final int index = flipperListView.pointToPosition((int)xPosition, (int)yPosition);
//一下两步是获得该条目在屏幕显示中的相对位置。直接依据index删除会空指針异常。 由于listview中的child仅仅有当前在屏幕中显示的才不会为空
int firstVisiblePostion = flipperListView.getFirstVisiblePosition();
View view = flipperListView.getChildAt(index - firstVisiblePostion); <span style="color:#ff0000;">TranslateAnimation tranAnimation = new TranslateAnimation(0,width,0,0);
tranAnimation.setDuration(500);
tranAnimation.setFillAfter(true);
view.startAnimation(tranAnimation);</span>
//当动画播放完成后,删除。否则不会出现动画效果(自己试验的)。
tranAnimation.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
// TODO Auto-generated method stub } @Override
public void onAnimationRepeat(Animation animation) {
// TODO Auto-generated method stub } @Override
public void onAnimationEnd(Animation animation) {
//删除一个item
items.remove(index);
adapter.notifyDataSetChanged();
}
}); }
});
} }
</span>

重写的 ListView :

<span style="font-size:14px;">package com.example.filpperdeletelist;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ListView; public class FilpperListvew extends ListView {
private float myLastX = -1;
private float myLastY = -1;
private boolean delete = false;
//自己定义的滑动删除监听
private FilpperDeleteListener filpperDeleterListener; public FilpperListvew(Context context) {
super(context);
// TODO Auto-generated constructor stub
} public FilpperListvew(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
} @Override
public boolean onTouchEvent(MotionEvent ev) {
// TODO Auto-generated method stub
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
// 获得第一个点的x坐标
myLastX = ev.getX(0);
myLastY = ev.getY(0);
break; case MotionEvent.ACTION_MOVE:
// 得到最后一个点的坐标
float deltaX = ev.getX(ev.getPointerCount() - 1) - myLastX;
float deltaY = Math.abs(ev.getY(ev.getPointerCount() - 1) - myLastY);
// 能够滑动删除的条件:横向滑动大于100,竖直差小于50
if (deltaX > 100.0 && deltaY < 50) {
delete = true;
}
break; case MotionEvent.ACTION_UP:
if (delete && filpperDeleterListener != null) {
filpperDeleterListener.filpperDelete(myLastX,myLastY);
}
reset();
break;
}
return super.onTouchEvent(ev);
} public void reset(){
delete = false ;
myLastX = -1 ;
myLastY = -1 ;
} public void setFilpperDeleteListener(FilpperDeleteListener f) {
filpperDeleterListener = f;
} //自己定义的接口
public interface FilpperDeleteListener {
public void filpperDelete(float xPosition,float yPosition);
} }
</span>



适配器代码:

<span style="font-size:14px;">package com.example.filpperdeletelist;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView; public class MyAdapter extends BaseAdapter {
private List<String> list ;
private Context context ;
public MyAdapter(Context context,List<String> list){
this.context = context ;
this.list = list;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return list.size();
} @Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return list.get(position);
} @Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
} @Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
convertView = LayoutInflater.from(context).inflate(R.layout.lv_item, null);
TextView text = (TextView)convertView.findViewById(R.id.tv);
text.setText(list.get(position));
return convertView;
} }
</span>

下载地址:

http://download.csdn.net/detail/jia635/7651981

ListView 实现带有Filpper效果的左右滑动删除 Item的更多相关文章

  1. Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果

    本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/18311877) 今天还是给大家带来自定义控件的编写,自定义一个Lis ...

  2. 【转】Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果

    原文网址:http://blog.csdn.net/xiaanming/article/details/17539199 转帖请注明本文出自xiaanming的博客(http://blog.csdn. ...

  3. [转]Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果

    转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17539199),请尊重他人的辛勤劳动成果,谢谢! 我在上一 ...

  4. Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果

    转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17539199),请尊重他人的辛勤劳动成果,谢谢! 我在上一 ...

  5. Android 高级UI设计笔记03:使用ListView实现左右滑动删除Item

    1. 这里就是实现一个很简单的功能,使用ListView实现左右滑动删除Item: (1)当我们在ListView的某个Item,向左滑动显示一个删除按钮,用户点击按钮,即可以删除该项item,并且有 ...

  6. 自己定义滑动删除item的ListView。

    首先继承创建继承ListView和实现OnTouchListener,OnGestureListener的类. 会使用到AbsList中的pointToPosition(int x, int y)方法 ...

  7. 仿知乎安卓client滑动删除撤销ListView

    标签(空格分隔): Android 新版的知乎安卓client有一个有趣的功能,就是在一个item里.向右滑动时整个item会越来越透明,滑动到一半时,整个item就不见了.放开手指就是删除.删除后还 ...

  8. android QQ消息左滑动删除实例(优化版SwipeListViewEX)

    仿 QQ消息左滑动删除item消息实例 源代码参考:http://blog.csdn.net/gaolei1201/article/details/42677951 自己作了一些调整,全部代码下载地址 ...

  9. 【转】Android 实现ListView的滑动删除效果

    http://www.cnblogs.com/weixiao870428/p/3524055.html http://download.csdn.net/download/love_javc_you/ ...

随机推荐

  1. React中css的使用

    网页的布局.颜色.形状等UI展示方式主要是由Css进行设置,在ReactJs中也是一样.ReactJs中的Css结构方式与传统的Web网页类似,但依然存在一些差异.ReactJs中Css文件本身的编写 ...

  2. loj2003 「SDOI2017」新生舞会

    分数规划+KM 算法 这个KM不好,看算法竞赛进阶指南的 #include <iostream> #include <cstring> #include <cstdio& ...

  3. Django之model admin自定义后台管理

    Admin管理界面是django的杀手级应用.它读取你模式中的元数据,然后提供给你一个强大而且可以使用的界面,网站管理者可以用它立即向网站中添加内容. 比如,数据表如下: from django.db ...

  4. xcode错误-第三方的东西他不支持

    ld:' /用户/ tanqihong /桌面/金粒子公司/金粒子公司/ Carloans / Carloans /第三/ TongLianPay / lib_release / libAPayLib ...

  5. jQuary的相关动画效果

    第一种:该方法隐藏所有 <p> 元素: <html> <head> <script type="text/javascript" src= ...

  6. 连通 OR 不连通(NOJ 1044)

    比赛描述 给定一个无向图,一共n个点,请编写一个程序实现两种操作: D x y 从原图中删除连接x,y节点的边. Q x y 询问x,y节点是否连通 输入 第一行两个数n,m(5<=n<= ...

  7. 乘法运算(codevs 3254)

    题目描述 Description 编制一个乘法运算的程序. 从键盘读入2个100以内的正整数,进行乘法运算并以竖式输出. 输入描述 Input Description 输入只有一行,是两个用空格隔开的 ...

  8. 高通android7.0刷机工具使用介绍

    刷机工具安装 1. 安装QPST.WIN.2.7 Installer-00448.3 2. 安装python2.7,并配置其环境变量 刷机方法 1.将编译后的刷机文件拷贝到如下目录:SC20_CE_p ...

  9. Windows下ElasticSearch的使用方式 CURL+Cygwin+Head插件

    Windows使用ElasticSearch的命令方法 一.CURL(不推荐) 下载curl安装包,解压到指定目录,在命令行运行解压后的exe文件. 二.Cygwin(推荐) 安装Windows下类l ...

  10. 转 Linux命令-文件管理命令

    http://jingyan.baidu.com/article/9113f81bc1c7a72b3214c7d3.html Linux命令-文件管理命令 浏览:4118 | 更新:2012-11-1 ...