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
相關文章
- 小程式 — 實現左滑刪除效果(列表)③
- 微信小程式實現卡片左右滑動效果微信小程式
- 原生js實現一個側滑刪除取消元件(item slide)JS元件IDE
- 用ListView簡單實現滑動列表View
- html裡列表滑動刪除的實現如此簡單HTML
- jQuery滑動方式上下左右滾動效果jQuery
- wepy 滑動刪除功能
- 用Flutter實現一個仿“探探”的左右滑動選擇喜歡/不喜歡的效果Flutter
- Laravel 模型實現連帶刪除Laravel模型
- 直播原始碼網站,實現對話方塊的左滑動刪除原始碼網站
- (十)如果實現滑動展示選單效果
- 實現抖音 “影片無限滑動“效果
- Flutter 滑動列表隱藏頭部 ListView+TabBar懸浮的實現FlutterViewtabBar
- CSS實現頁面切換時的滑動效果CSS
- PyQt5刪除QListWidget中的itemQT
- 短視訊app製作,實現訊息列表的左滑刪除或長按刪除APP
- Laravel 中利用『模型事件』來實現刪除資料時的連帶刪除Laravel模型事件
- Android 禁止ViewPager左右滑動AndroidViewpager
- ListView項(Item)的三種佈局View
- vue2.0和better-scroll實現左右聯動效果Vue
- 短視訊系統,長按側滑實現刪除的按鈕
- 記錄---實現抖音 “影片無限滑動“效果
- 使用ViewPager和TabLayout來實現滑動切換效果ViewpagerTabLayout
- 直播平臺原始碼,純JS實現左右滑動輪播圖原始碼JS
- UI介面微信底部(ViewPager實現Tab,左右滑動+底部點選)UIViewpager
- vue 左滑刪除功能Vue
- Android recyclerview刪除item重新整理列表AndroidView
- jQuery 效果 – 滑動jQuery
- RecyclerView 、ViewPager 左右滑動衝突Viewpager
- 使用 flutter 的ListView實現滾動列表FlutterView
- 短視訊平臺搭建,實現banner自動滑動展示效果
- android開發中如何動態獲取listview中的item的值AndroidView
- 左右帶有按鈕圖片水平滾動
- 手機直播原始碼,實現圖片瀑布流式滑動效果原始碼
- 直播app開發,實現輪播圖上下自動滑動展示效果APP
- 解決Flutter的ListView巢狀ListView滑動衝突以及無限高度問題FlutterView巢狀
- flutter好用的輪子推薦五-列表左右滑動帶出按鈕選項Flutter
- 一對一原始碼,滑塊驗證,滑塊左右滑動顯示的位置原始碼
- Vue 仿QQ左滑刪除元件Vue元件