快捷導(dǎo)航

一個(gè)強(qiáng)大的側(cè)滑菜單控件ASwipeLayout

更新時(shí)間：2018年08月17日 11:19:24 作者：WelliJohn

這篇文章主要為大家詳細(xì)介紹了強(qiáng)大的側(cè)滑菜單控件ASwipeLayout使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

前言

該控件的優(yōu)點(diǎn)：

1.無論是在RecyclerView，ListView，還是LinearLayout等，只要是ViewGroup用該控件都能實(shí)現(xiàn)側(cè)滑。
2.控件的手勢(shì)滑動(dòng)沖突已解決，不會(huì)出現(xiàn)嵌套到ScrollView等控件出現(xiàn)滑動(dòng)不流暢的情況
3.控件使用簡單，只需要在xml外套一層該控件就好了，秒接入
4.點(diǎn)擊事件很方便，原來什么寫法就什么寫法

1.效果圖

2.使用方式其實(shí)挺簡單的，在設(shè)計(jì)的時(shí)候，就是想著怎么簡單怎么來

2.1引入庫：

Step 1. Add it in your root build.gradle at the end of repositories:

allprojects {
 repositories {
  ...
  maven { url 'https://jitpack.io' }
 }
 }

Step 2. Add the dependency

 dependencies {
     implementation 'com.github.WelliJohn:ASwipeLayout:0.0.2'
 }

2.2在需要側(cè)滑的布局的根布局中添加下面這段代碼，注意注釋的地方才是可以定制的：

<?xml version="1.0" encoding="utf-8"?>
<wellijohn.org.swipevg.ASwipeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal">


  <LinearLayout
    android:id="@+id/ll_content"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FFFFFF"
    android:orientation="horizontal">

    //在這里是實(shí)現(xiàn)你的主item的東西，根據(jù)你們的項(xiàng)目隨便添加
  </LinearLayout>

  <LinearLayout
    android:id="@+id/right_menu_content"
    android:layout_width="wrap_content"
    android:layout_height="match_parent">
 
    //在這里是實(shí)現(xiàn)右側(cè)的菜單，根據(jù)你們的項(xiàng)目隨便添加
  </LinearLayout>


</wellijohn.org.swipevg.SwipeLayout>

注意在這里ll_content，right_menu_content是一定要的，這個(gè)id對(duì)應(yīng)的布局不要自己去改變，以后有需要會(huì)放開，目前的話，一般的情況你們只需要定制主item的內(nèi)容和右側(cè)菜單欄了，在這里我也省去了定義一些額外的自定義view了，單純就是用id，來區(qū)分主item和右側(cè)的菜單。

3.因?yàn)镽ecyclerView中有復(fù)用Item的情況，針對(duì)這種情況的解決方案

因?yàn)閕tem復(fù)用會(huì)使得當(dāng)我們滑出某個(gè)menu的時(shí)候，再進(jìn)行RecyclerView的上下滑動(dòng)時(shí)，會(huì)使得其他的Item也滑出了menu，這就是item復(fù)用導(dǎo)致了布局錯(cuò)亂，所以針對(duì)這類型的問題的話，我在這里已經(jīng)提供了OnSwipeStateChangeListener接口，在這里你們可以記錄下滑動(dòng)的狀態(tài)，在onBindViewHolder方法里面，根據(jù)狀態(tài)來設(shè)定Item是打開menu還是關(guān)閉menu：

 @Override
  public void onBindViewHolder(ViewHolder holder, int position) {

    final Person person = mDatas.get(position);
    holder.scrollDelLl.setOpen(person.isOpen());

    holder.scrollDelLl.setOnSwipeStateChangeListener(new OnSwipeStateChangeListener() {
      @Override
      public void onSwipeStateChange(boolean open) {
        person.setOpen(open);
      }
    });

  }

如上代碼就可以解決Item復(fù)用導(dǎo)致布局錯(cuò)亂的問題了（粑粑再也不用擔(dān)心RecyclerView復(fù)用的問題了）。

4.如果你們?cè)陧?xiàng)目使用的過程中，有新的需求或者是bug的話，可以在github上提你們的需求或者issue

5.代碼已上傳github，ASwipeLayout

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: