一个强大的侧滑菜单控件ASwipeLayout

前言

该控件的优点:

1.无论是在RecyclerView,ListView,还是LinearLayout等,只要是ViewGroup用该控件都能实现侧滑。
2.控件的手势滑动冲突已解决,不会出现嵌套到ScrollView等控件出现滑动不流畅的情况
3.控件使用简单,只需要在xml外套一层该控件就好了,秒接入
4.点击事件很方便,原来什么写法就什么写法

1.效果图

2.使用方式其实挺简单的,在设计的时候,就是想着怎么简单怎么来

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在需要侧滑的布局的根布局中添加下面这段代码,注意注释的地方才是可以定制的:

<?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">

    //在这里是实现你的主item的东西,根据你们的项目随便添加
  </LinearLayout>

  <LinearLayout
    android:id="@+id/right_menu_content"
    android:layout_width="wrap_content"
    android:layout_height="match_parent">

    //在这里是实现右侧的菜单,根据你们的项目随便添加
  </LinearLayout>

</wellijohn.org.swipevg.SwipeLayout>

注意在这里ll_content,right_menu_content是一定要的,这个id对应的布局不要自己去改变,以后有需要会放开,目前的话,一般的情况你们只需要定制主item的内容和右侧菜单栏了,在这里我也省去了定义一些额外的自定义view了,单纯就是用id,来区分主item和右侧的菜单。

3.因为RecyclerView中有复用Item的情况,针对这种情况的解决方案

因为item复用会使得当我们滑出某个menu的时候,再进行RecyclerView的上下滑动时,会使得其他的Item也滑出了menu,这就是item复用导致了布局错乱,所以针对这类型的问题的话,我在这里已经提供了OnSwipeStateChangeListener接口,在这里你们可以记录下滑动的状态,在onBindViewHolder方法里面,根据状态来设定Item是打开menu还是关闭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复用导致布局错乱的问题了(粑粑再也不用担心RecyclerView复用的问题了)。

4.如果你们在项目使用的过程中,有新的需求或者是bug的话,可以在github上提你们的需求或者issue

5.代码已上传github,ASwipeLayout

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • 非常实用的侧滑删除控件SwipeLayout

    前言:项目中经常会用到类似于QQ侧滑点击删除的效果,网上的开源库也很多.个人感觉SwipeLayout最好用.下面介绍怎么使用. 一.首先导入需要的Jar包,有3个,AndroidSwipeLayout-v1.1.8.jar.AndroidViewAnimations-1.1.3.jar.nineoldandroids-2.4.0.jar.第一个jar包就是我们使用该控件的jar包,后面2个是侧滑出现删除menu的动画所需的jar包.下面就是怎么使用了. 主布局的xml文件如下,就是一个List

  • Android 中 SwipeLayout一个展示条目底层菜单的侧滑控件源码解析

    由于项目上的需要侧滑条目展示收藏按钮,记得之前代码家有写过一个厉害的开源控件 AndroidSwipeLayout 本来准备直接拿来使用,但是看过 issue 发现现在有不少使用者反应有不少的 bug ,而且代码家现在貌似也不进行维护了.故自己实现了一个所要效果的一个控件.因为只是实现我需要的效果,所以大家也能看到,代码里有不少地方我是写死的.希望对大家有些帮助.而且暂时也不需要 AndroidSwipeLayout 大而全的功能,算是变相给自己做的项目精简代码了. 完整示例代码请看:GitHu

  • 一个强大的侧滑菜单控件ASwipeLayout

    前言 该控件的优点: 1.无论是在RecyclerView,ListView,还是LinearLayout等,只要是ViewGroup用该控件都能实现侧滑. 2.控件的手势滑动冲突已解决,不会出现嵌套到ScrollView等控件出现滑动不流畅的情况 3.控件使用简单,只需要在xml外套一层该控件就好了,秒接入 4.点击事件很方便,原来什么写法就什么写法 1.效果图 2.使用方式其实挺简单的,在设计的时候,就是想着怎么简单怎么来 2.1引入库: Step 1. Add it in your roo

  • Android侧滑菜单控件DrawerLayout使用详解

    DrawerLayout是Android V4包下一个带有侧滑功能的布局控件,可以根据手势展开与隐藏侧边栏,也可以随着侧边栏的点击改变主界面区的内容.并且只需要按照DrawerLayout规定的布局格式进行布局,即可实现左右侧滑效果. 一.约定的抽屉布局 DrawerLayout的布局一般分为三个部分:第一部分为主界面内容布局,第二部分为左边侧滑界面布局,第三部分为右边侧滑界面布局.那么系统是怎么区分左边侧滑和右边侧滑的代码块的呢?请注意DrawerLayout布局中侧滑部分的代码块必须指定an

  • android侧滑菜单控件DrawerLayout使用方法详解

    drawerLayout是Support Library包中实现了侧滑菜单效果的控件,可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后,google借鉴而出现的产物.drawerLayout分为侧边菜单和主内容区两部分,侧边菜单可以根据手势展开与隐藏(drawerLayout自身特性),主内容区的内容可以随着菜单的点击而变化(这需要使用者自己实现). 使用步骤: 创建一个DrawerLayout 为了添加导航抽屉,你需要在你的布局界面中声明一个DrawerLayo

  • Asp.net 菜单控件简洁版

    本文介绍的菜单控件采用的css 和ul list来显示菜单,生成的html小,无需javascript支持,对大部分的浏览器都支持,除ie6要单独修改css也可以使其支持. 通过本文可以了解asp.net 控件的开发,及Composite设计模式的实际运用. 采用Composite设计模式设计菜单类: MenuCompositeitem类 复制代码 代码如下: namespace Ruinet.Controls { [Serializable()] public class MenuCompos

  • Java Swing组件下拉菜单控件JComboBox用法示例

    本文实例讲述了Java Swing组件下拉菜单控件JComboBox用法.分享给大家供大家参考,具体如下: JComboBox是Swing中的下拉菜单控件.它永远只能选中一个项目,然而比单选按钮节省空间.如果使用setEditable设置为true则内部选项的文本可以编辑,因此这种组件被称为组合框.注意,对选项的编辑只会影响当前项,而不会改变列表内容.可以使用addItem方法来添加选项列表,或者使用insertItemAt在任何位置插入选项:然而如果有大量选项需要添加,这种方法是非常笨重的,可

  • Kotlin自定义菜单控件

    本文实例为大家分享了Kotlin自定义菜单控件的具体代码,供大家参考,具体内容如下 首先贴一下效果图 思路:菜单控件分两部分,一是点击的子按钮(RecordButton),二是包裹着子按钮的容器(RecordMenu). 子按钮负责显示文字及背景颜色和点击事件,父容器主要控制子控件的位置和动画显示. 实现: 子按钮,先贴代码 class RecordButton : RelativeLayout { /** 控件显示的文本*/ lateinit var textValue: String /**

  • javascript oop开发滑动(slide)菜单控件

    这里使用原生的javascript,用面向对象的方式创建一个容易维护使用方便的滑动菜单,调用方式如下: 复制代码 代码如下: var $sliding = document.getElementById("silding"); var s1 = new Sliding(); s1.commands = $sliding.getElementsByTagName("dt"); s1.panels = $sliding.getElementsByTagName(&quo

  • 一个比较通用的分页控件,完整的设计时支持和比较流行的分页模式(提供源码下载)

    这是我写的一个分页控件,功能如下: 1.支持设计时支持和两种分页模式,其中综合分页模式的效果如下: 普通分页模式的效果如下: 2.完善的设计时支持,包括自动套用格式和设计时面板设置: 使用方法: 在aspx页面中: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Cyclone.Custo

  • 一个简单横向javascript日期控件

    具体要求就是: 1.日期表格横向占满页面. 2.每个月的日期列表横向显示在一排,而不是像网上的很多日期控件显示一个方块. 3.要求只有年月日可选,选择年或月后自动更新对应日期(这个每个日期控件都有的). 4.默认显示当前年月,高亮当前日期,并显示当前的周次(本年第几周)和星期几. 5.选择某个日期后高亮显示当前日期,并自动更新周次和星期显示. 6.提供接口,可以设定特定日期的显示样式. 6.其他就是一些界面展示的问题了. 想着就是一个日期控件,做着也比较简单,不过比较特别是横向的,第一次听说这种

随机推荐