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中每個item的左右滑動響應,附原始碼View原始碼
- Android左右滑動效果的程式碼實現Android
- 微信小程式實現卡片左右滑動效果微信小程式
- 小程式 — 實現左滑刪除效果(列表)③
- android 滑動刪除的listview(自定義view)AndroidView
- 原生js實現一個側滑刪除取消元件(item slide)JS元件IDE
- JavaScript左右拖動滑動的按鈕效果JavaScript
- RecyclerView 實現滑動刪除和拖拽功能View
- RecyclerView實現滑動刪除和拖拽功能View
- jQuery滑動方式上下左右滾動效果jQuery
- 用ListView簡單實現滑動列表View
- html裡列表滑動刪除的實現如此簡單HTML
- ViewPager實現左右無限迴圈滑動Viewpager
- 自定義RecyclerView實現側滑刪除View
- JavaScript帶有百分比的滑動條效果JavaScript
- MVVM框架下實現左右滑動切換tabMVVM框架
- 用Flutter實現一個仿“探探”的左右滑動選擇喜歡/不喜歡的效果Flutter
- Android實現Activity的滑動返回效果Android
- Listview禁止滑動View
- Laravel 模型實現連帶刪除Laravel模型
- jQuery實現的具有淡出效果的元素刪除jQuery
- jquery實現滑動門效果詳解jQuery
- 實現帶圖示的ListViewView
- js左右滑動選項卡效果程式碼例項JS
- android的左右側滑選單實現Android
- 直播原始碼網站,實現對話方塊的左滑動刪除原始碼網站
- js拖動實現左右圖片對比效果JS
- (有圖)仿QQ側滑選單:RecyclerView側滑選單,長按拖拽,滑動刪除View
- 左右迴圈滑動的viewpagerViewpager
- jQuery實現的管理員許可權左右移動效果jQuery
- 用Activity的onTouchEvent方法實現監聽手指上下左右滑動
- Android------Anndroid中ListView在劃屏到底部的時候動態新增ListView的Item實現AndroidView
- (十)如果實現滑動展示選單效果
- CSS實現頁面切換時的滑動效果CSS
- jquery實現的滑動軸效果程式碼例項jQuery
- web前端仿手機左右滑動(手滑+自動滑動)Web前端
- UI介面微信底部(ViewPager實現Tab,左右滑動+底部點選)UIViewpager
- Android中ListView動態新增刪除項AndroidView