模仿android4.0的 通知栏 listview 滑动删除 item ,有滑动动画。

转载自http://blog.csdn.net/michael_yy/article/details/8031808

在QQ群里,很多朋友问如何实现android4.0的通知栏里面的listview滑动删除一个item的效果,我这里简单实现了一下,看图吧(一图胜千言)。

效果图片


实现思路

思路:1、给listview添加一个滑动监听事件(在该事件中获得滑动的位置,从而获得listview的item)。

             2、让这个item播放一个动画(从左滑动到右)

             3、item的动画播放完毕后删除item


代码详情

代码如下 MainActivity.java :(PS: 很简单,没有什么技术含量,老鸟飞过,勿喷。)

[java]  view plain  copy
  1. package com.yangfuhai.animation1;  
  2.   
  3. import java.util.ArrayList;  
  4.   
  5. import android.app.ListActivity;  
  6. import android.os.Bundle;  
  7. import android.view.MotionEvent;  
  8. import android.view.View;  
  9. import android.view.View.OnTouchListener;  
  10. import android.view.animation.Animation;  
  11. import android.view.animation.Animation.AnimationListener;  
  12. import android.view.animation.AnimationUtils;  
  13. import android.widget.AdapterView;  
  14. import android.widget.ArrayAdapter;  
  15. import android.widget.ListView;  
  16. import android.widget.Toast;  
  17. /** 
  18.  * @title 模仿android 4.0 通知栏动画 
  19.  * @description listview 滑动删除item 
  20.  * @company 探索者网络工作室(www.tsz.net) 
  21.  * @author michael Young (www.YangFuhai.com) 
  22.  * @version 1.0 
  23.  * @created 2012-9-29 
  24.  */  
  25. public class MainActivity extends ListActivity {  
  26.     private ArrayList<String> array;  
  27.     private ArrayAdapter<String> adapter;  
  28.       
  29.   
  30.     @Override  
  31.     public void onCreate(Bundle savedInstanceState) {  
  32.         super.onCreate(savedInstanceState);  
  33.         ListView listView = getListView();  
  34.         array = new ArrayList<String>();  
  35.         String aa[] = { "items1""item2""items3""item4""items5",  
  36.                 "item6""items7""item8""items9""item10""items11",  
  37.                 "item12" };  
  38.         for (int i = 0; i < aa.length; i++) {  
  39.             array.add(aa[i]);  
  40.         }  
  41.         adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, array);  
  42.         listView.setAdapter(adapter);  
  43.   
  44.   
  45.         /** 
  46.          * 添加listview滑动接听 
  47.          */  
  48.         listView.setOnTouchListener(new OnTouchListener() {  
  49.             float x, y, upx, upy;  
  50.             public boolean onTouch(View view, MotionEvent event) {  
  51.                 if (event.getAction() == MotionEvent.ACTION_DOWN) {  
  52.                     x = event.getX();  
  53.                     y = event.getY();  
  54.                 }  
  55.                 if (event.getAction() == MotionEvent.ACTION_UP) {  
  56.                     upx = event.getX();  
  57.                     upy = event.getY();  
  58.                     int position1 = ((ListView) view).pointToPosition((int) x, (int) y);  
  59.                     int position2 = ((ListView) view).pointToPosition((int) upx,(int) upy);  
  60.                       
  61.                     if (position1 == position2 && Math.abs(x - upx) > 10) {  
  62.                         View v = ((ListView) view).getChildAt(position1);  
  63.                         removeListItem(v,position1);  
  64.                     }  
  65.                 }  
  66.                 return false;  
  67.             }  
  68.   
  69.         });  
  70.           
  71.         /** 
  72.          * listview 的item 点击事件 
  73.          */  
  74.         listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {  
  75.   
  76.             @Override  
  77.             public void onItemClick(AdapterView<?> parent, View rowView,int positon, long id) {  
  78.                 Toast.makeText(rowView.getContext(), "你点击了第" + positon +"位置的item",Toast.LENGTH_SHORT).show();  
  79. //              removeListItem(rowView, positon);  
  80.             }  
  81.         });  
  82.     }  
  83.   
  84.       
  85.     /** 
  86.      * 删除item,并播放动画 
  87.      * @param rowView 播放动画的view 
  88.      * @param positon 要删除的item位置 
  89.      */  
  90.     protected void removeListItem(View rowView, final int positon) {  
  91.           
  92.         final Animation animation = (Animation) AnimationUtils.loadAnimation(rowView.getContext(), R.anim.item_anim);  
  93.         animation.setAnimationListener(new AnimationListener() {  
  94.             public void onAnimationStart(Animation animation) {}  
  95.   
  96.             public void onAnimationRepeat(Animation animation) {}  
  97.   
  98.             public void onAnimationEnd(Animation animation) {  
  99.                 array.remove(positon);  
  100.                 adapter.notifyDataSetChanged();  
  101.                 animation.cancel();  
  102.             }  
  103.         });  
  104.           
  105.   
  106.         rowView.startAnimation(animation);  
  107.   
  108.     }  
  109. }  





动画文件 item_anim.xml :

[html]  view plain  copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <translate xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:duration="800"  
  4.     android:fromXDelta="0"  
  5.     android:fromYDelta="0"  
  6.     android:toXDelta="800"  
  7.     android:toYDelta="0" />  


后记

 这个只是一个demo,可能离商用还有一定的距离,我只是给了各位朋友的一些思路,希望通过这个思路能举一反三。
         转载请注明出处。http://blog.csdn.net/michael_yy/article/details/8031808 或 http://www.yangfuhai.com(个人博客)稍后我会打包代码大家下载。


代码下载

   下载地址:http://download.csdn.net/detail/michael_yy/4608178

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值