AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

复杂recyclerView封装库

2018-03-20 8503
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

YCRefreshView

  • **自定义支持上拉加载更多，下拉刷新，支持自由切换状态【加载中，加载成功，加载失败，没网络等状态】的控件，拓展功能[支持长按拖拽，侧滑删除]可以选择性添加
    。具体使用方法，可以直接参考demo。**
  • 轻量级侧滑删除菜单，支持recyclerView，listView，直接嵌套item布局即可使用，整个侧滑菜单思路是：跟随手势将item向左滑动
  • 该库已经用到了实际开发项目中，会持续更新并且修改bug。如果觉得可以，可以star一下，多谢支持！
  • 感谢前辈大神们案例及开源分享精神。
  • 一行代码集成：compile 'org.yczbj:YCRefreshViewLib:2.4'
  • 项目地址：https://github.com/yangchong211/YCRefreshView
  • GitHub地址：https://github.com/yangchong211

目录介绍

  • 1.关于复杂页面封装库介绍
  • 2.关于该开源库的思路
  • 3.如何使用介绍
  • 4.关于该状态切换工具优点分析
  • 5.实现效果
  • 6.版本更新说明
  • 7.参考资料说明

1.关于复杂页面封装库介绍

  • 1.1 支持上拉加载，下拉刷新，可以自定义foot底部布局，支持添加多个自定义header头部布局。
  • 1.2 支持切换不同的状态，比如加载中[目前是ProgressBar，加载成功，加载失败，加载错误等不同布局状态。当然也可以自定义这些状态的布局
  • 1.3 支持复杂界面使用，比如有的页面包含有轮播图，按钮组合，横向滑动，还有复杂list，那么用这个控件就可以搞定。
  • 1.4 已经用于实际开发项目投资界，新芽，沙丘大学中……
  • 1.5 轻量级侧滑删除菜单，直接嵌套item布局即可使用，使用十分简单。
  • 1.6 支持插入或者删除某条数据，支持CoordinatorLayout炫酷的效果
  • 1.7 支持粘贴头部的需求效果
  • 1.8 RecyclerView实现条目Item拖拽排序与滑动删除
  • 1.9 更多内容可以直接看案例代码

2.关于该开源库的思路

  • 2.0 参考并借鉴了大量的优秀开源库，由于后期业务需求发生变化，因此做了一些功能的延伸与定制。继续完善并修改库bug！！！已经用于实际开发中。
  • 2.1 先来看看布局，实际上只是在recyclerView基础上做了大量拓展……
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ptr_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!--RecyclerView控件，支持添加头部和底部view-->
        <android.support.v7.widget.RecyclerView
            android:id="@android:id/list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scrollbars="vertical|horizontal"
            android:clickable="true"
            android:focusable="true" />

        <!--加载数据为空时的布局-->
        <FrameLayout
            android:id="@+id/empty"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clickable="true"
            android:focusable="true"/>

        <!--正在加载数据中的布局-->
        <FrameLayout
            android:id="@+id/progress"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clickable="true"
            android:focusable="true"/>

        <!--加载错误时的布局：网络错误或者请求数据错误-->
        <FrameLayout
            android:id="@+id/error"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clickable="true"
            android:focusable="true"/>

    </FrameLayout>

</android.support.v4.widget.SwipeRefreshLayout>

3.如何使用介绍

  • 3.1 首先在集成：compile 'org.yczbj:YCRefreshViewLib:2.4'
  • 3.2 在布局中：
  <org.yczbj.ycrefreshviewlib.YCRefreshView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_progress="@layout/view_custom_loading_data"
        app:layout_empty="@layout/view_custom_empty_data"
        app:layout_error="@layout/view_custom_data_error"/>
  • 3.3 在代码中
recyclerView.setLayoutManager(new FullyGridLayoutManager(activity, 3));
        adapter = new DouBookAdapter(activity);
        recyclerView.setAdapter(adapter);
        //加载更多
        adapter.setMore(R.layout.view_recycle_more, new RecyclerArrayAdapter.OnMoreListener() {
            @Override
            public void onMoreShow() {
                if (NetworkUtils.isConnected()) {
                    if (adapter.getAllData().size() > 0) {
                        getTopMovieData(mType, adapter.getAllData().size(), adapter.getAllData().size() + 21);
                    } else {
                        adapter.pauseMore();
                    }
                } else {
                    adapter.pauseMore();
                    Toast.makeText(activity, "网络不可用", Toast.LENGTH_SHORT).show();
                }
            }

            @Override
            public void onMoreClick() {

            }
        });

        //设置没有数据
        adapter.setNoMore(R.layout.view_recycle_no_more, new RecyclerArrayAdapter.OnNoMoreListener() {
            @Override
            public void onNoMoreShow() {
                if (NetworkUtils.isConnected()) {
                    adapter.resumeMore();
                } else {
                    Toast.makeText(activity, "网络不可用", Toast.LENGTH_SHORT).show();
                }
            }

            @Override
            public void onNoMoreClick() {
                if (NetworkUtils.isConnected()) {
                    adapter.resumeMore();
                } else {
                    Toast.makeText(activity, "网络不可用", Toast.LENGTH_SHORT).show();
                }
            }
        });

        //设置错误
        adapter.setError(R.layout.view_recycle_error, new RecyclerArrayAdapter.OnErrorListener() {
            @Override
            public void onErrorShow() {
                adapter.resumeMore();
            }

            @Override
            public void onErrorClick() {
                adapter.resumeMore();
            }
        });

        //刷新
        recyclerView.setRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                if (NetworkUtils.isConnected()) {
                    getTopMovieData(mType , 0 , 30);
                } else {
                    recyclerView.setRefreshing(false);
                    Toast.makeText(activity, "网络不可用", Toast.LENGTH_SHORT).show();
                }
            }
        });
  • 3.4 如何使用侧滑菜单删除功能呢？
  • 3.4.1 在布局文件中
<?xml version="1.0" encoding="utf-8"?>
<org.yczbj.ycrefreshviewlib.swipeMenu.YCSwipeMenu
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_height="wrap_content"
    android:layout_width="match_parent">

    <!--item内容-->
    <RelativeLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="72dp"
        android:gravity="center_vertical"
        android:foreground="?android:attr/selectableItemBackground"
        android:background="@android:color/white">
    </RelativeLayout>


    <!-- 侧滑菜单 -->
    <Button
        android:id="@+id/btn_del"
        android:layout_width="70dp"
        android:layout_height="match_parent"
        android:background="@color/colorPrimary"
        android:text="删除"
        android:textColor="@android:color/white"/>
    <Button
        android:id="@+id/btn_top"
        android:layout_width="70dp"
        android:layout_height="match_parent"
        android:background="@color/colorAccent"
        android:text="置顶"
        android:textColor="@android:color/white"/>

</org.yczbj.ycrefreshviewlib.swipeMenu.YCSwipeMenu>
  • 3.4.2 在代码中设置
  • 在adapter中定义接口
   private OnSwipeMenuListener listener;
    public void setOnSwipeMenuListener(OnSwipeMenuListener listener) {
        this.listener = listener;
    }
  • 在adapter设置点击事件
View.OnClickListener clickListener = new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn_del:
                if (null != listener) {
                    listener.toDelete(getAdapterPosition());
                }
                break;
            case R.id.btn_top:
                if (null != listener) {
                    listener.toTop(getAdapterPosition());
                }
                break;
        }
    }
};
btn_del.setOnClickListener(clickListener);
btn_top.setOnClickListener(clickListener);
  • 处理置顶或者删除的功能
adapter.setOnSwipeMenuListener(new OnSwipeMenuListener() {
    //删除功能
    @Override
    public void toDelete(int position) {
        adapter.getAllData().remove(position);
        adapter.notifyItemRemoved(position);//推荐用这个
    }

    //置顶功能
    @Override
    public void toTop(int position) {
        //先移除那个位置的数据，然后将其添加到索引为0的位置，然后刷新数据
        if (position > 0 && adapter.getAllData().size()>position) {
            Person person = adapter.getAllData().get(position);
            adapter.getAllData().remove(person);
            adapter.notifyItemInserted(0);
            adapter.getAllData().add(0, person);
            adapter.notifyItemRemoved(position + 1);
            if (linearLayoutManager.findFirstVisibleItemPosition() == 0) {
                recyclerView.scrollToPosition(0);
            }
        }
    }
});
  • 处理长按拖拽，滑动删除的功能。轻量级，自由选择是否实现。
mCallback = new DefaultItemTouchHelpCallback(new DefaultItemTouchHelpCallback.OnItemTouchCallbackListener() {
    @Override
    public void onSwiped(int adapterPosition) {
        // 滑动删除的时候，从数据库、数据源移除，并刷新UI
        if (personList != null) {
            personList.remove(adapterPosition);
            adapter.notifyItemRemoved(adapterPosition);
        }
    }

    @Override
    public boolean onMove(int srcPosition, int targetPosition) {
        if (personList != null) {
            // 更换数据库中的数据Item的位置
            boolean isPlus = srcPosition < targetPosition;
            // 更换数据源中的数据Item的位置
            Collections.swap(personList, srcPosition, targetPosition);
            // 更新UI中的Item的位置，主要是给用户看到交互效果
            adapter.notifyItemMoved(srcPosition, targetPosition);
            return true;
        }
        return false;
    }
});
mCallback.setDragEnable(true);
mCallback.setSwipeEnable(true);
ItemTouchHelper itemTouchHelper = new ItemTouchHelper(mCallback);
itemTouchHelper.attachToRecyclerView(recyclerView);

4.关于该状态切换工具优点分析

  • 4.1 不仅可以实现上拉加载，下拉刷新。还可以根据获取数据来切换页面的状态，可以自定义状态页面，如下所示：
//设置加载中
recyclerView.showProgress();

//设置有数据展示
recyclerView.showRecycler();

//设置为空
recyclerView.setEmptyView(R.layout.view_custom_empty_data);
recyclerView.showEmpty();

//设置错误
recyclerView.setErrorView(R.layout.view_custom_data_error);
recyclerView.showError();
LinearLayout ll_error_view = (LinearLayout) recyclerView.findViewById(R.id.ll_error_view);
ll_error_view.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {

    }
});

//设置网络错误
recyclerView.setErrorView(R.layout.view_custom_network_error);
recyclerView.showError();
LinearLayout ll_set_network = (LinearLayout) recyclerView.findViewById(R.id.ll_set_network);
ll_set_network.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        if(NetworkUtils.isConnected()){
            initData();
        }else {
            Intent intent = new Intent(Settings.ACTION_WIRELESS_SETTINGS);
            startActivity(intent);
        }
    }
});

5.实现效果

5.1 使用过YCRefreshView库的案例代码

5.2 图片展示效果

  • demo效果图展示
    image

image
image
image
image
image

  • 案例图展示
    image

image
image

6.版本更新说明

  • v1.0 更新于2017年4月22日
  • v1.1 更新于2017年8月9日
  • v1.…… 更新于2018年1月5日
  • v2.2 更新于2018年1月17日
  • v2.3 更新于2018年2月9日
  • v2.4 更新于2018年3月19日

7.参考资料说明

文章标签：
Android开发
数据格式
数据库
XML
杨充
目录
相关文章
程序员徐师兄
|
缓存 Android开发
Android RecyclerView 实现瀑布流
Android RecyclerView 实现瀑布流
程序员徐师兄
740 1
小小Java开发者
|
Oracle 关系型数据库 数据库
Oracle中merge Into的用法
Oracle中merge Into的用法
小小Java开发者
558 0
feiyangqingyun
|
监控 定位技术 安全
Qt编写安防视频监控系统10-视频轮询
一、前言 视频轮询在视频监控系统中是一个基础的核心功能，尤其是上了大屏以后，这个功能是必须的，根据预先设定的轮询间隔逐个加载视频到预先设定的通道画面数中，轮询间隔、轮询画面数、轮询采用的码流类型（主码流、子码流）都可以在系统设置中进行统一设置，轮询的视频源采用摄像机表中的所有摄像机，当画面数不够的时候，其余留空显示即可，轮询到最后一个视频，重新从第一个开始轮询。
feiyangqingyun
1905 0
奔跑的数据
|
数据采集 存储 JavaScript
自动化数据处理：使用Selenium与Excel打造的数据爬取管道
本文介绍了一种使用Selenium和Excel结合代理IP技术从WIPO品牌数据库（branddb.wipo.int）自动化爬取专利信息的方法。通过Selenium模拟用户操作，处理JavaScript动态加载页面，利用代理IP避免IP封禁，确保数据爬取稳定性和隐私性。爬取的数据将存储在Excel中，便于后续分析。此外，文章还详细介绍了Selenium的基本设置、代理IP配置及使用技巧，并探讨了未来可能采用的更多防反爬策略，以提升爬虫效率和稳定性。
奔跑的数据
739 4
toddli
|
算法 安全 JavaScript
安全哈希算法：SHA算法
安全哈希算法：SHA算法
toddli
653 1
安全哈希算法：SHA算法
1941623231718325
|
机器学习/深度学习 数据采集 算法
R语言中的机器学习库：caret与mlr的深度解析
【9月更文挑战第2天】Caret和mlr是R语言中两个非常重要的机器学习库，它们在数据预处理、模型构建、调优和评估等方面提供了丰富的功能。Caret以其易用性和集成性著称，适合初学者和快速原型开发；而mlr则以其全面性和可扩展性见长，适合处理复杂的机器学习项目。在实际应用中，用户可以根据具体需求和项目特点选择合适的库进行开发。无论是学术研究、商业智能还是教育场景，这两个库都能为数据科学家和机器学习爱好者提供强大的支持。
1941623231718325
515 8
游客ei7mdxwhy3pdm
|
11月前
|
人工智能 数据可视化 数据库
低代码平台：技术复杂性的系统简化
低代码平台通过模块化和自动化技术，简化了传统开发流程中的需求分析、代码开发、测试部署等环节，显著提高了开发效率和协作能力。其核心特性如“一键编程”、“快速迭代”降低了开发复杂度，提供了敏捷开发的能力，使企业能更快响应市场需求和技术变革。可视化开发、实时渲染、分布式协作支持及无缝部署等功能进一步优化了开发体验。平台内置的五大核心引擎（SQL、功能、模板、图表、切面）进行了系统性优化，提升了数据处理能力和开发灵活性。此外，低代码平台还融合了AI技术，提供了智能代码助手、自动优化和故障排查等功能，增强了开发效率和精度。
游客ei7mdxwhy3pdm
277 18
API小知识
|
11月前
|
JSON 监控 API
获取1688商品SKU信息API接口及实战应用
在电商蓬勃发展的今天，数据成为宝贵的财富。1688作为国内知名批发采购平台，提供商品SKU信息API接口，可获取库存、价格、规格等关键数据，助力电商运营、市场分析和价格监控。本文介绍如何注册1688开放平台账号、创建应用并获取AppKey/AppSecret，申请API权限，使用Python实现接口调用，处理响应数据，并注意请求频率限制和错误处理。通过该接口，可为电商运营和数据分析提供有力支持。
API小知识
525 2
此星光明
GEE——Google dynamic world中在影像导出过程中无法完全导出较大面积影像的解决方案（投影的转换）EPSG:32630和EPSG:4326的区别
GEE——Google dynamic world中在影像导出过程中无法完全导出较大面积影像的解决方案（投影的转换）EPSG:32630和EPSG:4326的区别
此星光明
353 0
delacroix_xu-15509
|
存储 API Android开发
kotlin开发安卓app，使用webivew 触发 onShowFileChooser， 但只能触发一次，第二次无法触发，是怎么回事。 如何解决
在Android WebView开发中，`onShowFileChooser`方法用于开启文件选择。当用户只能选择一次文件可能是因为未正确处理选择回调。解决此问题需确保：1) 实现`WebChromeClient`并覆写`onShowFileChooser`；2) 用户选择文件后调用`ValueCallback.onReceiveValue`传递URI；3) 传递结果后将`ValueCallback`设为`null`以允许再次选择。下面是一个Kotlin示例，展示如何处理文件选择和结果回调。别忘了在Android 6.0+动态请求存储权限，以及在Android 10+处理分区存储。
delacroix_xu-15509
1116 8