189 8069 5689

侧滑菜单控件ASwipeLayout怎么用-创新互联

小编给大家分享一下侧滑菜单控件ASwipeLayout怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联公司是一家集网站建设,平邑企业网站建设,平邑品牌网站建设,网站定制,平邑网站建设报价,网络营销,网络优化,平邑网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

前言

该控件的优点:

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

1.效果图

侧滑菜单控件ASwipeLayout怎么用

侧滑菜单控件ASwipeLayout怎么用

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





  

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

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


注意在这里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

以上是“侧滑菜单控件ASwipeLayout怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享文章:侧滑菜单控件ASwipeLayout怎么用-创新互联
分享链接:http://jkwzsj.com/article/dcpoeg.html

其他资讯