Android 實(shí)現(xiàn)左滑出現(xiàn)刪除選項(xiàng)
滑動(dòng)刪除的部分主要包含兩個(gè)部分, 一個(gè)是內(nèi)容區(qū)域(用于放置正常顯示的view),另一個(gè)是操作區(qū)域(用于放置刪除按鈕)。默認(rèn)情況下,操作區(qū)域是不顯示的,內(nèi)容區(qū)域的大小是填充整個(gè)容 器,操作區(qū)域始終位于內(nèi)容區(qū)域的右面。當(dāng)開始滑動(dòng)的時(shí)候,整個(gè)容器中的所有子view都像左滑動(dòng),如果操作區(qū)域此時(shí)是不可見的,設(shè)置為可見。
實(shí)現(xiàn)思路就是自定義一個(gè)layout SwipeLayout繼承自FrameLayout。SwipeLayout包含兩個(gè)子view,第一個(gè)子view是內(nèi)容區(qū)域,第二個(gè)子view是操作 區(qū)域?;瑒?dòng)效果的控制,主要就是通過檢測(cè)SwipeLayout的touch事件來實(shí)現(xiàn),Android support庫里其實(shí)已經(jīng)提供了ViewDragHelper來進(jìn)行監(jiān)聽touch事件。
1、首先需要對(duì)LinearLayout進(jìn)行重載
具體分析看注解
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. */ //條目滑動(dòng)效果 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(); } /*當(dāng)你觸摸屏幕,移動(dòng)的時(shí)候,就會(huì)回調(diào)這個(gè)方法。 它會(huì)返回兩個(gè)參數(shù)。第一個(gè)參數(shù),就是你觸摸的那個(gè)控件。 第二個(gè)就是ID。 返回值又代表什么呢?返回ture,就是代筆允許拖動(dòng)這個(gè)控件。 返回false就代表不允許拖動(dòng)這個(gè)控件.。這里我只允許拖動(dòng)主控件。*/ //把容器的事件處理委托給ViewDragHelper對(duì)象 @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); } //設(shè)置拖動(dòng)的距離為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是可以拖動(dòng)的 @Override public boolean tryCaptureView(View view, int i) { return view == contentView || view == actionView; } //被拖動(dòng)的view位置改變的時(shí)候調(diào)用,如果被拖動(dòng)的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軸上拖動(dòng) //@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()獲取全部長(zhǎng)度 包括隱藏的 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可以拖動(dòng)的范圍 //@Override public int getViewHorizontalDragRange(View child) { return dragDistance; } @Override public int getViewVerticalDragRange(View child) { return 0; } //根據(jù)滑動(dòng)手勢(shì)的速度以及滑動(dòng)的距離來確定是否顯示actionView。 // smoothSlideViewTo方法用來在滑動(dòng)手勢(shì)之后實(shí)現(xiàn)慣性滑動(dòng)效果 //@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); } } }
因?yàn)槲医o我的LinearLayout設(shè)置了外邊距,所以在向左滑動(dòng)的過程,出現(xiàn)上下的滑動(dòng),并且該條目的原始位置也偏移。為了解決該問題,首先需要根據(jù)自己設(shè)置的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; }
來限制其上下移動(dòng) 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="詳細(xì)信息" /> <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>
具體效果
但目前還存在一個(gè)問題
ListView每一個(gè)條目的點(diǎn)擊事件和滑動(dòng)事件不能共存。網(wǎng)上說是因?yàn)槭录挠|發(fā)是逐層向下傳遞到進(jìn)行處理該事件的部件,再逐層向上返 回處理結(jié)果。
以上所述是小編給大家介紹的Android 實(shí)現(xiàn)左滑出現(xiàn)刪除選項(xiàng),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- Android高仿QQ6.0側(cè)滑刪除實(shí)例代碼
- 詳解Android中實(shí)現(xiàn)ListView左右滑動(dòng)刪除條目的方法
- android RecyclerView側(cè)滑菜單,滑動(dòng)刪除,長(zhǎng)按拖拽,下拉刷新上拉加載
- Android仿微信滑動(dòng)彈出編輯、刪除菜單效果、增加下拉刷新功能
- Android實(shí)現(xiàn)左滑刪除列表功能
- Android仿QQ列表左滑刪除操作
- Android使用CardView作為RecyclerView的Item并實(shí)現(xiàn)拖拽和左滑刪除
- Android 滑動(dòng)監(jiān)聽RecyclerView線性流+左右劃刪除+上下移動(dòng)
- Android開發(fā)中模仿qq列表信息滑動(dòng)刪除功能
- Android?Recyclerview實(shí)現(xiàn)左滑刪除功能
相關(guān)文章
Android開發(fā)實(shí)現(xiàn)多進(jìn)程彈窗效果
這篇文章主要為大家詳細(xì)介紹了Android開發(fā)實(shí)現(xiàn)多進(jìn)程彈窗效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10Android Studio 修改類的默認(rèn)注釋圖文教程
這篇文章主要介紹了Android Studio 修改類的默認(rèn)注釋圖文教程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-03-03解決android studio引用遠(yuǎn)程倉庫下載慢(JCenter下載慢)
這篇文章主要介紹了解決android studio引用遠(yuǎn)程倉庫下載慢(JCenter下載慢),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03Android Studio 4.0 新功能中的Live Layout Inspector詳解
這篇文章主要介紹了Android Studio 4.0 新功能中的Live Layout Inspector,本文通過圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06android 更改TextView中任意位置字體大小和顏色的方法
下面小編就為大家分享一篇android 更改TextView中任意位置字體大小和顏色的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01Android Studio使用教程(二):基本設(shè)置與運(yùn)行
這篇文章主要介紹了Android Studio使用教程(二):基本設(shè)置與運(yùn)行,本文講解了項(xiàng)目結(jié)構(gòu)、偏好設(shè)置、常用功能介紹、創(chuàng)建模擬器等內(nèi)容,需要的朋友可以參考下2015-05-05Android應(yīng)用的Material設(shè)計(jì)的布局兼容性的一些要點(diǎn)總結(jié)
這篇文章主要介紹了Android應(yīng)用的Material設(shè)計(jì)的布局兼容性的一些要點(diǎn)總結(jié),文中還給了一個(gè)RecyclerView布局管理的例子,需要的朋友可以參考下2016-04-04Android實(shí)現(xiàn)游戲中的漸隱和漸現(xiàn)動(dòng)畫效果
本文給大家分享android中實(shí)現(xiàn)游戲中的漸隱漸現(xiàn)的動(dòng)畫效果,在游戲開發(fā)中經(jīng)常會(huì)遇到,對(duì)android漸隱漸現(xiàn)效果感興趣的朋友可以參考下本教程2016-09-09