ListView 实现带有Filpper效果的左右滑动删除 Item
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的更多相关文章
- Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果
本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/18311877) 今天还是给大家带来自定义控件的编写,自定义一个Lis ...
- 【转】Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
原文网址:http://blog.csdn.net/xiaanming/article/details/17539199 转帖请注明本文出自xiaanming的博客(http://blog.csdn. ...
- [转]Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17539199),请尊重他人的辛勤劳动成果,谢谢! 我在上一 ...
- Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17539199),请尊重他人的辛勤劳动成果,谢谢! 我在上一 ...
- Android 高级UI设计笔记03:使用ListView实现左右滑动删除Item
1. 这里就是实现一个很简单的功能,使用ListView实现左右滑动删除Item: (1)当我们在ListView的某个Item,向左滑动显示一个删除按钮,用户点击按钮,即可以删除该项item,并且有 ...
- 自己定义滑动删除item的ListView。
首先继承创建继承ListView和实现OnTouchListener,OnGestureListener的类. 会使用到AbsList中的pointToPosition(int x, int y)方法 ...
- 仿知乎安卓client滑动删除撤销ListView
标签(空格分隔): Android 新版的知乎安卓client有一个有趣的功能,就是在一个item里.向右滑动时整个item会越来越透明,滑动到一半时,整个item就不见了.放开手指就是删除.删除后还 ...
- android QQ消息左滑动删除实例(优化版SwipeListViewEX)
仿 QQ消息左滑动删除item消息实例 源代码参考:http://blog.csdn.net/gaolei1201/article/details/42677951 自己作了一些调整,全部代码下载地址 ...
- 【转】Android 实现ListView的滑动删除效果
http://www.cnblogs.com/weixiao870428/p/3524055.html http://download.csdn.net/download/love_javc_you/ ...
随机推荐
- React中css的使用
网页的布局.颜色.形状等UI展示方式主要是由Css进行设置,在ReactJs中也是一样.ReactJs中的Css结构方式与传统的Web网页类似,但依然存在一些差异.ReactJs中Css文件本身的编写 ...
- loj2003 「SDOI2017」新生舞会
分数规划+KM 算法 这个KM不好,看算法竞赛进阶指南的 #include <iostream> #include <cstring> #include <cstdio& ...
- Django之model admin自定义后台管理
Admin管理界面是django的杀手级应用.它读取你模式中的元数据,然后提供给你一个强大而且可以使用的界面,网站管理者可以用它立即向网站中添加内容. 比如,数据表如下: from django.db ...
- xcode错误-第三方的东西他不支持
ld:' /用户/ tanqihong /桌面/金粒子公司/金粒子公司/ Carloans / Carloans /第三/ TongLianPay / lib_release / libAPayLib ...
- jQuary的相关动画效果
第一种:该方法隐藏所有 <p> 元素: <html> <head> <script type="text/javascript" src= ...
- 连通 OR 不连通(NOJ 1044)
比赛描述 给定一个无向图,一共n个点,请编写一个程序实现两种操作: D x y 从原图中删除连接x,y节点的边. Q x y 询问x,y节点是否连通 输入 第一行两个数n,m(5<=n<= ...
- 乘法运算(codevs 3254)
题目描述 Description 编制一个乘法运算的程序. 从键盘读入2个100以内的正整数,进行乘法运算并以竖式输出. 输入描述 Input Description 输入只有一行,是两个用空格隔开的 ...
- 高通android7.0刷机工具使用介绍
刷机工具安装 1. 安装QPST.WIN.2.7 Installer-00448.3 2. 安装python2.7,并配置其环境变量 刷机方法 1.将编译后的刷机文件拷贝到如下目录:SC20_CE_p ...
- Windows下ElasticSearch的使用方式 CURL+Cygwin+Head插件
Windows使用ElasticSearch的命令方法 一.CURL(不推荐) 下载curl安装包,解压到指定目录,在命令行运行解压后的exe文件. 二.Cygwin(推荐) 安装Windows下类l ...
- 转 Linux命令-文件管理命令
http://jingyan.baidu.com/article/9113f81bc1c7a72b3214c7d3.html Linux命令-文件管理命令 浏览:4118 | 更新:2012-11-1 ...