Android 實現(xiàn)左滑出現(xiàn)刪除選項
更新時間：2017年06月19日 09:51:25 作者：nirean
滑動刪除的部分主要包含兩個部分， 一個是內(nèi)容區(qū)域（用于放置正常顯示的view），另一個是操作區(qū)域（用于放置刪除按鈕）。下面通過本文給大家介紹Android 實現(xiàn)左滑出現(xiàn)刪除選項,需要的朋友可以參考下
滑動刪除的部分主要包含兩個部分， 一個是內(nèi)容區(qū)域（用于放置正常顯示的view），另一個是操作區(qū)域（用于放置刪除按鈕）。默認情況下，操作區(qū)域是不顯示的，內(nèi)容區(qū)域的大小是填充整個容 器，操作區(qū)域始終位于內(nèi)容區(qū)域的右面。當開始滑動的時候，整個容器中的所有子view都像左滑動，如果操作區(qū)域此時是不可見的，設置為可見。
實現(xiàn)思路就是自定義一個layout SwipeLayout繼承自FrameLayout。SwipeLayout包含兩個子view，第一個子view是內(nèi)容區(qū)域，第二個子view是操作 區(qū)域?；瑒有Ч目刂疲饕褪峭ㄟ^檢測SwipeLayout的touch事件來實現(xiàn)，Android support庫里其實已經(jīng)提供了ViewDragHelper來進行監(jiān)聽touch事件。
1、首先需要對LinearLayout進行重載
具體分析看注解
package com.example.mac.agriculturemanagement;
import android.content.Context;
import android.support.annotation.Nullable;
import android.support.v4.view.ViewCompat;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;
/**
* Created by mac on 2017/6/15.
*/
//條目滑動效果
public class SlideLayout extends LinearLayout {
private ViewDragHelper mDragHelper;
private View contentView;
private View actionView;
private int dragDistance;
private final double AUTO_OPEN_SPEED_LIMIT = 800.0;
private int draggedX;
public SlideLayout(Context context) {
super(context);
init();
}
public SlideLayout(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();
}
public SlideLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
//初始化
public void init (){
mDragHelper = ViewDragHelper.create(this, new DragHelperCallback());
}
@Override
public boolean callOnClick() {
return super.callOnClick();
}
/*當你觸摸屏幕，移動的時候，就會回調(diào)這個方法。
它會返回兩個參數(shù)。第一個參數(shù)，就是你觸摸的那個控件。
第二個就是ＩＤ。
返回值又代表什么呢？返回ture,就是代筆允許拖動這個控件。
返回false就代表不允許拖動這個控件.。這里我只允許拖動主控件。*/
//把容器的事件處理委托給ViewDragHelper對象
@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
if (mDragHelper.shouldInterceptTouchEvent(event)) {
return true;
}
return super.onInterceptTouchEvent(event);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
mDragHelper.processTouchEvent(event);
return true;
}
@Override
protected void onFinishInflate() {
contentView = getChildAt(0);
actionView = getChildAt(1);
actionView.setVisibility(GONE);
}
//設置拖動的距離為actionView的寬度
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
dragDistance = actionView.getMeasuredWidth();
//System.out.println("rightTop"+actionView.getTop());
}
private class DragHelperCallback extends ViewDragHelper.Callback {
//用來確定contentView和actionView是可以拖動的
@Override
public boolean tryCaptureView(View view, int i) {
return view == contentView || view == actionView;
}
//被拖動的view位置改變的時候調(diào)用，如果被拖動的view是contentView，
// 我們需要在這里更新actionView的位置
@Override
public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
draggedX = left;
if (changedView == contentView) {
actionView.offsetLeftAndRight(dx);
} else {
contentView.offsetLeftAndRight(dx);
}
//actionView 是否可見
//0 -------- VISIBLE 可見
//4 -------- INVISIBLE 不可見但是占用布局空間
//8 -------- GONE 不可見也不占用布局空間
if (actionView.getVisibility() == View.GONE) {
actionView.setVisibility(View.VISIBLE);
}
if (left==25)
{
actionView.setVisibility(View.GONE);
}
invalidate(); //刷新View
}
//用來限制view在x軸上拖動
//@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
if (child == contentView) {
final int leftBound = getPaddingLeft();
final int minLeftBound = -leftBound - dragDistance;
final int newLeft = Math.min(Math.max(minLeftBound, left), 25);
//System.out.println("content "+newLeft);
return newLeft;
} else {
//getMeasuredWidth()獲取全部長度 包括隱藏的
final int minLeftBound = getPaddingLeft() + contentView.getMeasuredWidth() - dragDistance;
final int maxLeftBound = getPaddingLeft() + contentView.getMeasuredWidth() + getPaddingRight();
final int newLeft = Math.min(Math.max(left, minLeftBound), maxLeftBound);
System.out.println("action "+newLeft);
return newLeft;
}
}
@Override
public int clampViewPositionVertical(View child, int top, int dy) {
//System.out.println("top "+top);
if(top!=25)
{
top=25;
}
return top;
}
//用來限制view可以拖動的范圍
//@Override
public int getViewHorizontalDragRange(View child) {
return dragDistance;
}
@Override
public int getViewVerticalDragRange(View child) {
return 0;
}
//根據(jù)滑動手勢的速度以及滑動的距離來確定是否顯示actionView。
// smoothSlideViewTo方法用來在滑動手勢之后實現(xiàn)慣性滑動效果
//@Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel);
boolean settleToOpen = false;
if (xvel > AUTO_OPEN_SPEED_LIMIT) {
settleToOpen = false;
} else if (xvel < -AUTO_OPEN_SPEED_LIMIT) {
settleToOpen = true;
} else if (draggedX <= -dragDistance / 2) {
settleToOpen = true;
} else if (draggedX > -dragDistance / 2) {
settleToOpen = false;
}
final int settleDestX = settleToOpen ? -dragDistance : 0;
mDragHelper.smoothSlideViewTo(contentView, settleDestX, 0);
ViewCompat.postInvalidateOnAnimation(SlideLayout.this);
}
}
}
因為我給我的LinearLayout設置了外邊距，所以在向左滑動的過程，出現(xiàn)上下的滑動，并且該條目的原始位置也偏移。為了解決該問題，首先需要根據(jù)自己設置的margin值來修改一下的數(shù)據(jù)
將onViewPositionChanged中添加
if (left==25)
{
actionView.setVisibility(View.GONE);
}
修改為適合的數(shù)據(jù)，來防止右側(cè)的滑塊不隱藏
再添加上
public int clampViewPositionVertical(View child, int top, int dy) {
//System.out.println("top "+top);
if(top!=25)
{
top=25;
}
return top;
}
來限制其上下移動 top的值依舊需要自己琢磨
2、編寫布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<com.example.mac.agriculturemanagement.SlideLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_margin="10dp"
android:background="@drawable/text_border"
android:elevation="3dp"
android:orientation="vertical">
<TextView
android:id="@+id/mark"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:text="TextView"
android:textSize="40dp" />
<TextView
android:id="@+id/markSquare"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1"
android:text="TextView"
android:textSize="20dp" />
</LinearLayout>
<LinearLayout
android:layout_width="100dp"
android:layout_height="100dp"
android:background="#f0f0f0"
android:layout_marginTop="10dp"
>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center">
<TextView
android:id="@+id/showInfo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="5dp"
android:layout_toEndOf="@+id/textView6"
android:layout_toRightOf="@+id/textView6"
android:text="詳細信息" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:text="刪除" />
</RelativeLayout>
</LinearLayout>
</com.example.mac.agriculturemanagement.SlideLayout>
</LinearLayout>
具體效果
但目前還存在一個問題
ListView每一個條目的點擊事件和滑動事件不能共存。網(wǎng)上說是因為事件的觸發(fā)是逐層向下傳遞到進行處理該事件的部件，再逐層向上返 回處理結(jié)果。
以上所述是小編給大家介紹的Android 實現(xiàn)左滑出現(xiàn)刪除選項，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- Android高仿QQ6.0側(cè)滑刪除實例代碼
- 詳解Android中實現(xiàn)ListView左右滑動刪除條目的方法
- android RecyclerView側(cè)滑菜單，滑動刪除，長按拖拽，下拉刷新上拉加載
- Android仿微信滑動彈出編輯、刪除菜單效果、增加下拉刷新功能
- Android實現(xiàn)左滑刪除列表功能
- Android仿QQ列表左滑刪除操作
- Android使用CardView作為RecyclerView的Item并實現(xiàn)拖拽和左滑刪除
- Android 滑動監(jiān)聽RecyclerView線性流+左右劃刪除+上下移動
- Android開發(fā)中模仿qq列表信息滑動刪除功能
- Android?Recyclerview實現(xiàn)左滑刪除功能
相關文章
這篇文章主要為大家詳細介紹了Android開發(fā)實現(xiàn)多進程彈窗效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了Android Studio 修改類的默認注釋圖文教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03
解決android studio引用遠程倉庫下載慢(JCenter下載慢)
這篇文章主要介紹了解決android studio引用遠程倉庫下載慢(JCenter下載慢)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
Android Studio 4.0 新功能中的Live Layout Inspector詳解
這篇文章主要介紹了Android Studio 4.0 新功能中的Live Layout Inspector,本文通過圖文并茂的形式給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了Android開發(fā)的自定義加載動畫，效果為一個連續(xù)的動畫，就是這個大圓不停地吞下小圓，文中示例代碼講解詳細，感興趣的可以了解一下2022-03-03
android 更改TextView中任意位置字體大小和顏色的方法
下面小編就為大家分享一篇android 更改TextView中任意位置字體大小和顏色的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了Android Studio使用教程（二）：基本設置與運行,本文講解了項目結(jié)構(gòu)、偏好設置、常用功能介紹、創(chuàng)建模擬器等內(nèi)容,需要的朋友可以參考下2015-05-05
Android應用的Material設計的布局兼容性的一些要點總結(jié)
這篇文章主要介紹了Android應用的Material設計的布局兼容性的一些要點總結(jié),文中還給了一個RecyclerView布局管理的例子,需要的朋友可以參考下2016-04-04
Android實現(xiàn)游戲中的漸隱和漸現(xiàn)動畫效果
本文給大家分享android中實現(xiàn)游戲中的漸隱漸現(xiàn)的動畫效果，在游戲開發(fā)中經(jīng)常會遇到，對android漸隱漸現(xiàn)效果感興趣的朋友可以參考下本教程2016-09-09
這篇文章主要為大家詳細介紹了Android下拉框PopupWindow的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10