Android實現(xiàn)ListView左右滑動刪除和編輯
更新時間：2016年05月09日 11:02:59 作者：_cpan
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)ListView左右滑動刪除和編輯的相關(guān)資料，感興趣的小伙伴們可以參考一下
有時候，為了實現(xiàn)項目中的需求，完成設(shè)計好的用戶交互體驗，不的不把這些View重新改造成自己想要的效果。
Android原生的ListView是不支持左右滑動的，但是看到微信電話本上，聯(lián)系人可以左右滑動進(jìn)行操作的，就通過自己的設(shè)想和思路，并加以實現(xiàn)了。
思路:
1.獲取到手指放到屏幕時的x，y位置，并判斷點擊的處于ListView的那個position。
2.判斷滑動的方向，如果是上下方向，touch事件就交給ListView處理；如果是左右方向，就禁止ListView進(jìn)行滑動。
3.根據(jù)手指的移動，來移動選中的View。
4.滑動結(jié)束后，把View歸位。
5.通過傳入的監(jiān)聽器，告訴用戶是左滑動還是右滑動。
效果圖：
重新的ListView的代碼：
package com.example.wz.view;
import android.annotation.SuppressLint;
import android.content.Context;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.TextView;
import com.example.wz.R;
import com.example.wz.util.MyLog;
import com.example.wz.util.OpenLooper;
import com.example.wz.util.OpenLooper.LoopCallback;
public class MyListView extends ListView {
public MyLog log = new MyLog(this, true);
public float screenWidth;
public int mTouchSlop;
public float density;
public MyListView(Context context) {
super(context);
}
public MyListView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public float transleteSpeed = 2f;
public OpenLooper openLooper = null;
public LoopCallback loopCallback = null;
@SuppressWarnings("deprecation")
public MyListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
this.screenWidth = ((WindowManager) context.getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay().getWidth();
this.mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
this.density = context.getResources().getDisplayMetrics().density;
this.openLooper = new OpenLooper();
this.openLooper.createOpenLooper();
this.loopCallback = new ListLoopCallback(this.openLooper);
this.openLooper.loopCallback = this.loopCallback;
}
public class BodyStatus {
public int None = 0, Down = 1, Move = 2, Up = 3, Homing = 4;
int state = None;
}
public BodyStatus bodyStatus = new BodyStatus();
public class RemoveDirection {
public int None = 0, Left = 1, Right = 2, Homing_Left = 3, Homing_Right = 4;
public int state = None;
}
public RemoveDirection removeDirection = new RemoveDirection();
public class ListLoopCallback extends LoopCallback {
public ListLoopCallback(OpenLooper openLooper) {
openLooper.super();
}
@Override
public void loop(double ellapsedMillis) {
if (bodyStatus.state == bodyStatus.Homing) {
goHoming((float) ellapsedMillis);
}
}
}
public void goHoming(float delta) {
float distance = (float) delta * transleteSpeed;
if (removeDirection.state == removeDirection.Left) {
float currentX = itemView.getScrollX() + distance;
if (currentX > screenWidth) {
distance = distance - (currentX - screenWidth);
}
itemView.scrollBy((int) (distance), itemView.getScrollY());
if (itemView.getScrollX() > screenWidth / 2 + 40 * screenWidth / 1080) {
t2.setTranslationX(itemView.getScrollX() - screenWidth / 2 - 40 * 3f);
} else {
t2.setTranslationX(40 * 3f);
}
} else if (removeDirection.state == removeDirection.Right) {
float currentX = itemView.getScrollX() - distance;
if (currentX < -screenWidth) {
distance = distance - (Math.abs(currentX) - screenWidth);
}
itemView.scrollBy((int) (-distance), itemView.getScrollY());
if (itemView.getScrollX() < -(screenWidth / 2 + 40 * 3f * 2)) {
t1.setTranslationX(-(Math.abs(itemView.getScrollX()) - screenWidth / 2 - 40 * 3f));
} else {
t1.setTranslationX(-40 * 3f);
}
} else if (removeDirection.state == removeDirection.Homing_Left) {
float currentX = itemView.getScrollX() - distance;
if (currentX < 0) {
distance = distance - (Math.abs(currentX));
}
itemView.scrollBy((int) (-distance), itemView.getScrollY());
} else if (removeDirection.state == removeDirection.Homing_Right) {
float currentX = itemView.getScrollX() + distance;
if (currentX > 0) {
distance = distance - currentX;
}
itemView.scrollBy((int) (distance), itemView.getScrollY());
}
if (itemView.getScrollX() == 0 || itemView.getScrollX() >= screenWidth || itemView.getScrollX() <= -screenWidth) {
openLooper.stop();
if (itemView.getScrollX() >= screenWidth) {
mRemoveListener.removeItem(removeDirection, position);
} else if (itemView.getScrollX() <= -screenWidth) {
mRemoveListener.removeItem(removeDirection, position);
}
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
itemView.scrollTo(0, itemView.getScrollY());
bodyStatus.state = bodyStatus.None;
}
}, 300);
}
}
public int touch_down_x;
public int touch_down_y;
public View itemView;
public TextView t1;
public TextView t2;
public int SNAP_VELOCITY = 800;
public int position;
@Override
public boolean dispatchTouchEvent(MotionEvent event) {
int action = event.getAction();
if (action == MotionEvent.ACTION_DOWN) {
// addVelocityTracker(event);
if (bodyStatus.state != bodyStatus.None) {
return super.dispatchTouchEvent(event);
}
this.touch_down_x = (int) event.getX();
this.touch_down_y = (int) event.getY();
position = pointToPosition(touch_down_x, touch_down_y);
if (position == AdapterView.INVALID_POSITION) {
return super.dispatchTouchEvent(event);
}
itemView = getChildAt(position - getFirstVisiblePosition());
t2 = (TextView) itemView.findViewById(R.id.t2);
t1 = (TextView) itemView.findViewById(R.id.t1);
} else if (action == MotionEvent.ACTION_MOVE) {
if (Math.abs(getScrollVelocity()) > SNAP_VELOCITY || (Math.abs(event.getX() - touch_down_x) > mTouchSlop && Math.abs(event.getY() - touch_down_y) < mTouchSlop)) {
isSlide = true;
}
} else if (action == MotionEvent.ACTION_UP) {
int velocityX = getScrollVelocity();
if (Math.abs(velocityX) > SNAP_VELOCITY) {
if (velocityX > SNAP_VELOCITY) {
bodyStatus.state = bodyStatus.Homing;
removeDirection.state = removeDirection.Right;
openLooper.start();
} else {
bodyStatus.state = bodyStatus.Homing;
removeDirection.state = removeDirection.Left;
openLooper.start();
}
} else {
if (itemView.getScrollX() >= screenWidth / 2) {
bodyStatus.state = bodyStatus.Homing;
removeDirection.state = removeDirection.Left;
openLooper.start();
} else if (itemView.getScrollX() <= -screenWidth / 2) {
bodyStatus.state = bodyStatus.Homing;
removeDirection.state = removeDirection.Right;
openLooper.start();
} else {
if (itemView.getScrollX() < 0) {
removeDirection.state = removeDirection.Homing_Right;
} else {
removeDirection.state = removeDirection.Homing_Left;
}
bodyStatus.state = bodyStatus.Homing;
openLooper.start();
}
}
recycleVelocityTracker();
isSlide = false;
}
return super.dispatchTouchEvent(event);
}
public boolean isSlide = false;
@SuppressLint("Recycle")
@Override
public boolean onTouchEvent(MotionEvent event) {
if (isSlide && position != AdapterView.INVALID_POSITION) {
requestDisallowInterceptTouchEvent(true);
addVelocityTracker(event);
int x = (int) event.getX();
int action = event.getAction();
if (action == MotionEvent.ACTION_DOWN) {
} else if (action == MotionEvent.ACTION_MOVE) {
MotionEvent cancelEvent = MotionEvent.obtain(event);
cancelEvent.setAction(MotionEvent.ACTION_CANCEL | (event.getActionIndex() << MotionEvent.ACTION_POINTER_INDEX_SHIFT));
onTouchEvent(cancelEvent);
int deltaX = touch_down_x - x;
touch_down_x = x;
if (itemView.getScrollX() > screenWidth / 2 + 40 * 3f * 2) {
t2.setTranslationX(itemView.getScrollX() - screenWidth / 2 - 40 * 3f);
} else {
t2.setTranslationX(40 * 3f);
}
if (itemView.getScrollX() < -(screenWidth / 2 + 40 * 3f * 2)) {
t1.setTranslationX(-(Math.abs(itemView.getScrollX()) - screenWidth / 2 - 40 * 3f));
} else {
t1.setTranslationX(-40 * 3f);
}
itemView.scrollBy(deltaX, 0);
return true;
}
}
return super.onTouchEvent(event);
}
public RemoveListener mRemoveListener;
public void setRemoveListener(RemoveListener removeListener) {
this.mRemoveListener = removeListener;
}
public interface RemoveListener {
public void removeItem(RemoveDirection direction, int position);
}
public VelocityTracker velocityTracker;
public void addVelocityTracker(MotionEvent event) {
if (velocityTracker == null) {
velocityTracker = VelocityTracker.obtain();
}
velocityTracker.addMovement(event);
}
public int getScrollVelocity() {
if (velocityTracker != null) {
velocityTracker.computeCurrentVelocity(1000);
int velocity = (int) velocityTracker.getXVelocity();
return velocity;
}
return 0;
}
public void recycleVelocityTracker() {
if (velocityTracker != null) {
velocityTracker.recycle();
velocityTracker = null;
}
}
}
測試ListView的Activity代碼：
package com.example.wz;
import java.util.ArrayList;
import android.app.Activity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import com.example.wz.view.MyListView;
import com.example.wz.view.MyListView.RemoveDirection;
import com.example.wz.view.MyListView.RemoveListener;
public class TestListActivity extends Activity {
LayoutInflater mInflater;
@Override
protected void onCreate(Bundle savedInstanceState) {
displayMetrics = new DisplayMetrics();
this.getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_testlist);
mInflater = getLayoutInflater();
listView = (MyListView) findViewById(R.id.slideCutListView);
showAddressDialog();
}
public DisplayMetrics displayMetrics;
MyListView listView;
public ArrayList<String> items;
public void showAddressDialog() {
items = new ArrayList<String>() {
{
add("item...1");
add("item...2");
add("item...3");
add("item...4");
add("item...5");
add("item...6");
add("item...7");
add("item...8");
add("item...9");
add("item...10");
add("item...11");
add("item...12");
add("item...13");
add("item...14");
add("item...15");
add("item...16");
add("item...17");
add("item...18");
add("item...19");
add("item...20");
}
};
NearbyRelationAdapter nearbyRelationAdapter = new NearbyRelationAdapter();
listView.setAdapter(nearbyRelationAdapter);
listView.setRemoveListener(new RemoveListener() {
@Override
public void removeItem(RemoveDirection direction, int position) {
if (direction.state == direction.Left) {
Log.e("A", "left" + "-" + position);
} else if (direction.state == direction.Right) {
Log.e("A", "right" + "-" + position);
}
}
});
}
public class NearbyRelationAdapter extends BaseAdapter {
@Override
public int getCount() {
return items.size();
}
@Override
public Object getItem(int posotion) {
return items.get(posotion);
}
@Override
public long getItemId(int posotion) {
return posotion;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Holder holder = null;
if (convertView == null) {
holder = new Holder();
convertView = mInflater.inflate(R.layout.view_menu_item1, null);
holder.title = (TextView) convertView.findViewById(R.id.title);
holder.o1 = convertView.findViewById(R.id.o1);
holder.o1.setTranslationX(-displayMetrics.widthPixels);
holder.o2 = convertView.findViewById(R.id.o2);
holder.o2.setTranslationX(displayMetrics.widthPixels);
convertView.setTag(holder);
} else {
holder = (Holder) convertView.getTag();
}
holder.title.setText(items.get(position));
convertView.scrollTo(0, convertView.getScrollY());
return convertView;
}
class Holder {
TextView title;
View o1, o2;
}
}
}
ListView布局文件：
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/darker_gray" > <com.example.wz.view.MyListView android:id="@+id/slideCutListView" android:layout_width="match_parent" android:layout_height="match_parent" android:cacheColorHint="@android:color/transparent" android:listSelector="@android:color/transparent" > </com.example.wz.view.MyListView> <TextView android:layout_width="1dp" android:layout_height="match_parent" android:layout_centerHorizontal="true" android:background="#0099cd" /> </RelativeLayout>
ListView 的Item布局：
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#fff" > <RelativeLayout android:id="@+id/o1" android:layout_width="match_parent" android:layout_height="60dp" android:background="#ff0000" > <TextView android:id="@+id/t1" android:layout_width="80dp" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:gravity="center" android:padding="10dp" android:text="刪除" android:textColor="#99000000" android:textSize="18sp" /> </RelativeLayout> <RelativeLayout android:id="@+id/o2" android:layout_width="match_parent" android:layout_height="60dp" android:background="#660099cd" > <TextView android:id="@+id/t2" android:layout_width="80dp" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:gravity="center" android:padding="10dp" android:text="編輯" android:textColor="#99000000" android:textSize="18sp" /> </RelativeLayout> <RelativeLayout android:id="@+id/r1" android:layout_width="match_parent" android:layout_height="60dp" android:background="#fff" > <TextView android:id="@+id/title" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerVertical="true" android:gravity="center_vertical" android:textColor="#99000000" android:textSize="18sp" /> </RelativeLayout> </RelativeLayout>
代碼中用到的其他的類，在上一篇文章中有： http://www.dhdzp.com/article/83822.htm
轉(zhuǎn)載來自：http://blog.csdn.net/qxs965266509
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。
您可能感興趣的文章:
- android RecyclerView側(cè)滑菜單，滑動刪除，長按拖拽，下拉刷新上拉加載
- android RecyclerView實現(xiàn)條目Item拖拽排序與滑動刪除
- Android中RecyclerView實現(xiàn)滑動刪除與拖拽功能
- Android ListView實現(xiàn)上拉加載下拉刷新和滑動刪除功能
- Android仿微信列表滑動刪除 如何實現(xiàn)滑動列表SwipeListView
- Android ListView滑動刪除操作（SwipeListView）
- Android使用SwipeListView實現(xiàn)類似QQ的滑動刪除效果
- Android程序開發(fā)之ListView 與PopupWindow實現(xiàn)從左向右滑動刪除功能
- Android RecyclerView滑動刪除和拖動排序
- android自定義View滑動刪除效果
相關(guān)文章
這篇文章主要介紹了Android RecyclerView滑動刪除和拖動排序的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
Android使用SharedPreferences存儲XML文件的實現(xiàn)方法
這篇文章主要介紹了Android使用SharedPreferences存儲XML文件的實現(xiàn)方法,實例分析了SharedPreferences類的基本初始化與文件存儲相關(guān)技巧,需要的朋友可以參考下2016-07-07
表格布局的標(biāo)簽是TableLayout，TableLayout繼承了LinearLayout。所以它依然是一個線性布局,通過本文給大家介紹Android TableLayout表格布局，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
本篇文章主要介紹了Android單元測試之對Activity的測試示例，具有一定的參考價值，有興趣的可以了解一下2017-08-08
兩分鐘讓你徹底明白Android Activity生命周期的詳解(圖文介紹)
本篇文章是對Android的生命周期進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-05-05
Android基礎(chǔ)之使用Fragment控制切換多個頁面
Android官方已經(jīng)提供了Fragment的各種使用的Demo例子，在我們SDK下面的API Demo里面就包含了Fragment的各種使用例子，需要看Demo的朋友，直接看API Demo那個程序就可以了，不用到處去找。里面分開不同功能，實現(xiàn)了不同的類2013-07-07
今天小編就為大家分享一篇關(guān)于Android編譯的注意事項，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
Android中文件讀寫（輸入流和輸出流）操作小結(jié)
這篇文章主要介紹了Android中文件讀寫（輸入流和輸出流）操作小結(jié),本文總結(jié)了Android中文件讀寫的原理、字節(jié)流和字符流的區(qū)別、文件讀寫的步驟、輸入流和輸出流以及代碼實例等內(nèi)容,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了詳解android 人臉檢測你一定會遇到的坑,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
Android Studio 4.0 新功能中的Live Layout Inspector詳解
這篇文章主要介紹了Android Studio 4.0 新功能中的Live Layout Inspector,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06