Android开发之RecyclerView实现流式布局

最新推荐文章于 2024-09-25 10:57:07 发布

Snailf

最新推荐文章于 2024-09-25 10:57:07 发布

阅读量7.5k

点赞数 1

分类专栏：程序开发文章标签： android

本文链接：https://blog.csdn.net/u012954720/article/details/53236369

版权

这篇博客介绍了如何在Android中使用RecyclerView实现瀑布流布局，包括RecyclerView的基本概念、用到的技术如Glide、Volley、SwipeRefreshLayout，以及在Fragment中实现的详细步骤。关键在于使用StaggeredGridLayoutManager并自定义适配器来设置每个item的高度。

摘要由CSDN通过智能技术生成

RecyclerView是什么?

RecycleView的出现, 替代了ListView, 没了OnitemClickListener,; LayoutManager负责计算布局; Adapter 负责适配,还增加了ViewHolder;RecycleView只负责调度, 让每个Item去干他们想做的事情. 这让事情看起来很有条例.

RecyclerView能做什么?

我们知道RecyclerView中默认给我们提供了三种布局管理器，分别是LinearLayoutManager、 GridLayoutManager、StaggeredGridLayoutManager。其中 StaggeredGridLayoutManager可实现交错式网格布局，正好可以用来实现瀑布流。

用到的技术点:

Glide 图片下载
Volley联网请求
RecycleView 瀑布流
SwipeRefreshLayout 下拉刷新
JSONObject 原生的 json 解析
ButterKnife 进行findViewById

需要说明:

我是在Fragment中实现的.
我的Fragment是继承的一个BaseFragment ,这里就不贴代码了, 里面只有一个抽象方法 getTitle()
我这是在项目中遇到的点, 所以使用的不少的第三方, 如果大家只是一个简单的流式布局的实现, 没有必要使用这些第三方的东西, 完全可以用原生实现.

今天我们就来实现一个简单的瀑布流, 先来张图

主布局

接下来我们来说下他的实现方法, 首先看 xml文件

涉及到的下拉刷新, 在下面将会解释.

<android.support.v4.widget.SwipeRefreshLayout           
android:id="@+id/frag_recommend_3_swipe"               
android:layout_width="match_parent"     
android:layout_height="match_parent">   
      <android.support.v7.widget.RecyclerView      
            android:id="@+id/frag_recommend_3"     
            android:layout_width="match_parent"        
            android:layout_height="match_parent"/>
</android.support.v4.widget.SwipeRefreshLayout>

每一个item的布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:background="#cacfa1ed"
             android:padding="@dimen/padding_default_min_min">

    <ImageView
        android:id="@+id/item_frag_recommend_image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:adjustViewBo