RecyclerView+Glide实现瀑布流效果
设计思路
在类微信小程序首页框架(一)的基础上,修改了图标样式,并在发现页面将以前的文本框改为瀑布流效果的图片浏览。
1.导入依赖
在下图目录中的build.gradle中的dependencies加入下列语句
implementation 'androidx.recyclerview:recyclerview:1.0.0'
implementation 'com.github.bumptech.glide:glide:4.11.0'
implementation 'androidx.cardview:cardview:1.0.0'
2.页面布局(.xml文件的编写)
.xml文件都在/res/layout目录下
2.1 fragment_find.xml文件
添加recyclerview控件
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv"
android:layout_width="match_parent"
android:layout_height="match_parent">
</androidx.recyclerview.widget.RecyclerView>
2.2 item_recycler.xml文件
包含文本控件和ImageView控件,用CardView作为父容器进行包裹
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginTop="5dp"
card_view:cardCornerRadius="5dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:layout_marginLeft="20dp"
android:layout_marginTop="20dp">
<ImageView
android:id="@+id/bird_image"
android:layout_width="150dp"
android:layout_height="80dp"
android:layout_marginRight