使用RecyclerView添加header上下滑动透明效果，下拉逐渐可见，上拉不可见

已于 2024-07-07 17:09:32 修改
阅读量613 收藏 19
点赞数 12
分类专栏： Kotlin例子 文章标签： android kotlin
于 2024-06-29 14:31:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maoning20080808/article/details/140063800
版权 

RvDemo8Fragment类：
package com.example.androidkotlindemo2.recyclerview.demo8

import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.fragment.app.Fragment
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import androidx.recyclerview.widget.RecyclerView.OnScrollListener
import com.example.androidkotlindemo2.MyApp
import com.example.androidkotlindemo2.R
import com.example.androidkotlindemo2.bean.Item8Bean
import com.example.androidkotlindemo2.databinding.RecyclerViewDemo8MainBinding
import com.example.androidkotlindemo2.recyclerview.demo12.RV12HeaderView
import com.example.androidkotlindemo2.recyclerview.demo12.RvDemo12Fragment
import com.example.androidkotlindemo2.utils.LogUtils

/**
 * Author : wn
 * Email : maoning20080809@163.com
 * Date : 2024/6/1 10:43
 * Description : RecyclerView添加头信息上下滑动
 */
class RvDemo8Fragment : Fragment() {

    private lateinit var binding : RecyclerViewDemo8MainBinding
    private var adapter : RVDemo8Adapter? = null
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        binding = RecyclerViewDemo8MainBinding.inflate(inflater, container, false)
        return binding.root
    }


    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        var data = getData()
        adapter = RVDemo8Adapter(R.layout.recycler_view8_item, data)

        var linearLayoutManager = LinearLayoutManager(requireContext(), LinearLayoutManager.VERTICAL, false)
        binding.rvDemo8Main.let {
            it.adapter = adapter
            it.layoutManager = linearLayoutManager

            it.addOnScrollListener(object : OnScrollListener(){
                override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {
                    super.onScrollStateChanged(recyclerView, newState)
                    LogUtils.i(TAG, "onScrollStateChanged newState = ${newState}")
                }

                override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
                    super.onScrolled(recyclerView, dx, dy)

                    var scrollHeight = getScrollYDistance(recyclerView)?:1f
                    var headerHeight = adapter?.headerLayout?.height?:1f
                    if(scrollHeight != null && headerHeight != null){
                        scrollHeight = scrollHeight.toFloat()
                        headerHeight = headerHeight.toFloat()
                        //取反，模糊效果从0-1
                        var reverseHeaderHeight = headerHeight.minus(scrollHeight)
                        var heightScale = (reverseHeaderHeight) / headerHeight
                        LogUtils.i(TAG, "onScrolled dx = ${dx} , dy = ${dy} , headerHeight : ${headerHeight}, ${heightScale}")
                        //向上滚动，设置模糊效果
                        adapter?.headerLayout?.alpha = heightScale

                        if(dy < 0 && heightScale < 0){
                            if(!mIsScrollFlag){
                                mScrollHeight = scrollHeight
                                mIsScrollFlag = true
                            }
                            headerViewButtonScrollHeight = mScrollHeight - scrollHeight
                            LogUtils.e(RvDemo12Fragment.TAG, "a从上往下scrollHeight ${scrollHeight} , mScrollHeight = ${mScrollHeight} , headerViewButtonScrollHeight : ${headerViewButtonScrollHeight}")

                            //如果从上往下并且透明度小于0，显示
                            showHeaderView()
                        } else if(dy > 0 || heightScale >= 0){
                            if(mIsScrollFlag){
                                mScrollHeight = scrollHeight
                                mIsScrollFlag = false
                            }
                            //如果相等，不隐藏
                            if(scrollHeight == mScrollHeight){
                                return
                            }
                            if(binding.rvDemo8HeaderView.alpha <= 0){
                                return
                            }
                            headerViewButtonScrollHeight = headerViewButtonHeight - (scrollHeight - mScrollHeight)
                            if(headerViewButtonScrollHeight >= headerViewButtonHeight){
                                headerViewButtonScrollHeight = 0f
                            }
                            LogUtils.e(RvDemo12Fragment.TAG, "b从下往上 scrollHeight ${scrollHeight} , mScrollHeight = ${mScrollHeight} , headerViewButtonScrollHeight : ${headerViewButtonScrollHeight}")

                            //如果从下往上滑动或者透明度为大于0，隐藏
                            hideHeaderView()
                        }

                    }

                }
            })
        }


        adapter?.setOnItemClickListener { adapter, view, position ->
            LogUtils.e(TAG, "setOnItemClickListener 点击item")
        }

        initHeaderView()
    }

    private var mScrollHeight = 0f
    private var mIsScrollFlag = false

    private var headerViewButtonHeight = MyApp.myApp.resources.getDimension(R.dimen.dp_50)
    private var headerViewButtonScrollHeight = 0f


    /**
     * 显示头信息，透明度逐渐可见
     */
    private fun showHeaderView(){
        var heightScale = headerViewButtonScrollHeight / headerViewButtonHeight
        if(headerViewButtonScrollHeight > headerViewButtonHeight){
            headerViewButtonScrollHeight = headerViewButtonHeight
        }
        binding.rvDemo8HeaderView.alpha = heightScale
        binding.rvDemo8HeaderView.visibility = View.VISIBLE
        binding.rvDemo8HeaderView.showButton()
        binding.rvDemo8HeaderView.hideRecyclerView()
    }

    /**
     * 显示头信息，透明度逐渐不可见
     */
    private fun hideHeaderView(){
        var heightScale = headerViewButtonScrollHeight / headerViewButtonHeight
        if(headerViewButtonScrollHeight < 0){
            headerViewButtonScrollHeight = 0f
            binding.rvDemo8HeaderView.visibility = View.GONE
        }
        binding.rvDemo8HeaderView.alpha = heightScale
        binding.rvDemo8HeaderView.showButton()
        binding.rvDemo8HeaderView.hideRecyclerView()
    }

    private fun initHeaderView() {
        var headerView = RV8HeaderView(activity)
        adapter?.addHeaderView(headerView)
    }

    private fun getData() : MutableList<Item8Bean>{
        //1级列表
        var list = mutableListOf<Item8Bean>()
        var imgs1 = intArrayOf(R.mipmap.base_banner0, R.mipmap.base_banner1, R.mipmap.base_banner2,
            R.mipmap.base_banner3, R.mipmap.base_banner4, R.mipmap.base_banner5,
            R.mipmap.base_banner6, R.mipmap.base_banner7, R.mipmap.base_banner8, R.mipmap.base_banner9)

        repeat(3){
            for(i in imgs1.indices){
                var item8Bean = Item8Bean(i, "头信息Header:${i}", imgs1[i])
                list.add(item8Bean)
            }
        }

        return list
    }

    var headerHeight = 0

    /**
     * 有headerview获取RecyclerView滚动高度
     */
    private fun getScrollYDistance(recyclerView: RecyclerView): Int? {
        kotlin.runCatching {
            val layoutManager = recyclerView.layoutManager as LinearLayoutManager
            val position = layoutManager.findFirstVisibleItemPosition()
            if (position == 0) {
                val headerView = layoutManager.findViewByPosition(0)
                headerHeight = headerView!!.height
            }
            val firstVisibleChildView = layoutManager.findViewByPosition(position)
            val itemHeight = firstVisibleChildView!!.height
            return if (position == 0) {
                position * itemHeight - firstVisibleChildView.top
            } else {
                (position - 1) * itemHeight - firstVisibleChildView.top + headerHeight
            }
        }
        return null
    }


    /**
     * 没有headerview获取RecyclerView滚动高度
     */
    private fun getScrollYDistance2(recyclerView: RecyclerView): Int? {
        kotlin.runCatching {
            val layoutManager = recyclerView.layoutManager as LinearLayoutManager
            val position = layoutManager.findFirstVisibleItemPosition()
            val firstVisibleChildView = layoutManager.findViewByPosition(position)
            val itemHeight = firstVisibleChildView!!.height
            return position * itemHeight - firstVisibleChildView.top
        }
        return null
    }

    var headerHeightArray: Array<Int?>? = null

    /**
     * 有多个headerview获取RecyclerView滚动高度
     */
    private fun getScollYDistance(recyclerView: RecyclerView): Int {
        val layoutManager = recyclerView.getLayoutManager() as LinearLayoutManager
        // 获取第一个可见item的位置
        val position = layoutManager.findFirstVisibleItemPosition()
        // 获取第一个可见item
        val firstVisiableChildView = layoutManager.findViewByPosition(position)
        // 必须考虑有没有Header  预存下所有header的高度
        val headerCount: Int = adapter?.headerLayoutCount?:0
        if (headerCount > 0) {
            if (headerHeightArray == null) {
                headerHeightArray = arrayOfNulls(headerCount)
            }
            if (position < headerCount) {
                val headerView_i = layoutManager.findViewByPosition(position)
                headerHeightArray!![position] = headerView_i!!.height
            }
        }
        // 获取第一个可见item的高度
        val itemHeight = firstVisiableChildView!!.height
        // 获取第一个可见item的位置
        var distance = 0
        if (position == 0) {
            distance = position * itemHeight - firstVisiableChildView.top
        } else {
            var allHeaderHeight = 0
            for (i in 0 until Math.min(position, headerCount)) {
                allHeaderHeight = allHeaderHeight + headerHeightArray!![i]!!
            }
            distance = (position - Math.min(
                position,
                headerCount
            )) * itemHeight - firstVisiableChildView.top + allHeaderHeight
        }
        return distance
    }

    companion object {
        const val TAG = "RvDemo8Fragment"
    }


}

RVDemo8Adapter类：
package com.example.androidkotlindemo2.recyclerview.demo8

import com.chad.library.adapter.base.BaseQuickAdapter
import com.chad.library.adapter.base.viewholder.BaseViewHolder
import com.example.androidkotlindemo2.R
import com.example.androidkotlindemo2.bean.Item8Bean
import com.example.androidkotlindemo2.bean.ItemBean
import com.example.androidkotlindemo2.utils.LogUtils

/**
 * Author : wangning
 * Email : maoning20080809@163.com
 * Date : 2024/5/25 10:35
 * Description :
 */
class RVDemo8Adapter(layoutResId : Int, data : MutableList<Item8Bean>) : BaseQuickAdapter<Item8Bean, BaseViewHolder>(layoutResId, data) {

    override fun convert(holder: BaseViewHolder, item: Item8Bean) {

        var position = holder.layoutPosition
        LogUtils.i("RVDemo8Adapter", "position : ${position}, ")
        holder.setText(R.id.rv8_item_name, item.name)
        holder.setBackgroundResource(R.id.rv8_item_img, item.imgId)

    }

}
RV8HeaderView类：
package com.example.androidkotlindemo2.recyclerview.demo8

import android.content.Context
import android.util.AttributeSet
import android.view.LayoutInflater
import android.widget.Button
import android.widget.RelativeLayout
import androidx.recyclerview.widget.GridLayoutManager
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.example.androidkotlindemo2.MyApp
import com.example.androidkotlindemo2.R
import com.example.androidkotlindemo2.bean.Item8HeaderBean
import com.example.androidkotlindemo2.utils.LogUtils

/**
 * Author : wn
 * Email : maoning20080809@163.com
 * Date : 2024/6/29 10:29
 * Description :
 */
class RV8HeaderView : RelativeLayout {

    private var btn:Button? = null

    private var recyclerView: RecyclerView? = null

    constructor(context: Context?) : this(context, null)
    constructor(context: Context?, attrs: AttributeSet?) : this(context, attrs, 0)
    constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context,attrs,defStyleAttr) {
        init()
    }

    fun init(){
        LayoutInflater.from(MyApp.myApp.baseContext).inflate(R.layout.recycler_view8_header, this, true)
        btn = findViewById(R.id.rv8_header_btn)
        btn?.setOnClickListener {
            LogUtils.i("RV8HeaderView", "点击测试按钮")
        }

        var adapter = RVDemo8HeaderAdapter(R.layout.recycler_view8_header_item, getDataList())
        recyclerView = findViewById<RecyclerView>(R.id.rv8_header_recycler_view)
        var layoutManager = GridLayoutManager(MyApp.myApp.baseContext, 2, GridLayoutManager.VERTICAL, false)
        recyclerView.let {
            it?.adapter = adapter
            it?.layoutManager = layoutManager
        }
    }


    fun showButton(){
        btn?.visibility = VISIBLE
    }

    fun hideButton(){
        btn?.visibility = GONE
    }

    fun showRecyclerView(){
        recyclerView?.visibility = VISIBLE
    }

    fun hideRecyclerView(){
        recyclerView?.visibility = GONE
    }

    private fun getDataList() : MutableList<Item8HeaderBean>{
        //1级列表
        var list = mutableListOf<Item8HeaderBean>()
        var imgs1 = intArrayOf(R.mipmap.demo_farms, R.mipmap.demo_fruits, R.mipmap.demo_pets, R.mipmap.demo_fishs)

        for(i in imgs1.indices){
            var item8Bean = Item8HeaderBean(imgs1[i])
            list.add(item8Bean)
        }
        return list
    }

}
RVDemo8HeaderAdapter类：
package com.example.androidkotlindemo2.recyclerview.demo8

import com.chad.library.adapter.base.BaseQuickAdapter
import com.chad.library.adapter.base.viewholder.BaseViewHolder
import com.example.androidkotlindemo2.R
import com.example.androidkotlindemo2.bean.Item8Bean
import com.example.androidkotlindemo2.bean.Item8HeaderBean
import com.example.androidkotlindemo2.bean.ItemBean
import com.example.androidkotlindemo2.utils.LogUtils

/**
 * Author : wangning
 * Email : maoning20080809@163.com
 * Date : 2024/5/25 10:35
 * Description :
 */
class RVDemo8HeaderAdapter(layoutResId : Int, data : MutableList<Item8HeaderBean>) : BaseQuickAdapter<Item8HeaderBean, BaseViewHolder>(layoutResId, data) {

    override fun convert(holder: BaseViewHolder, item: Item8HeaderBean) {

        var position = holder.layoutPosition
        holder.setBackgroundResource(R.id.rv8_header_item_img, item.imgId)

    }

}

Item8HeaderBean类：
package com.example.androidkotlindemo2.bean

/**
 * Author : wangning
 * Email : maoning20080809@163.com
 * Date : 2023/9/24 10:12
 * Description :
 */
data class Item8HeaderBean(var imgId : Int) {

}

Item8Bean类：
package com.example.androidkotlindemo2.bean

/**
 * Author : wangning
 * Email : maoning20080809@163.com
 * Date : 2023/9/24 10:12
 * Description :
 */
data class Item8Bean(var position : Int) {

    var name : String? = null
    var imgId: Int = 0

    constructor(position: Int, name: String) : this(position){
        this.name = name
    }

    constructor(position: Int, name: String, imgId: Int) : this(position){
        this.name = name
        this.imgId = imgId
    }

}

recycler_view_demo8_main.xml布局：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <RelativeLayout
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/rv_demo8_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginVertical="10dp"
            android:layout_centerHorizontal="true"
            android:textSize="16sp"
            android:textColor="@color/red"
            android:text="使用RecyclerView添加header上下滑动透明效果" />

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_demo8_main"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/rv_demo8_title" />

        <com.example.androidkotlindemo2.recyclerview.demo8.RV8HeaderView
            android:id="@+id/rv_demo8_header_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/rv_demo8_title"
            android:visibility="gone"/>

    </RelativeLayout>
</layout>

recycler_view8_item.xml布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:background="@color/gray_c0c0c0"
    android:layout_marginHorizontal="20dp"
    android:layout_marginVertical="6dp"
    android:layout_height="120dp">

    <androidx.appcompat.widget.AppCompatTextView
        android:id="@+id/rv8_item_name"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginVertical="6dp"
        android:textColor="@color/yellow"
        android:textSize="28sp"
        android:text="item" />

    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/rv8_item_img"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/rv8_item_name"
        android:background="@mipmap/base_banner1"/>

</RelativeLayout>

recycler_view8_header.xml布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_marginHorizontal="20dp"
    android:layout_marginVertical="6dp"
    android:layout_height="wrap_content">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv8_header_recycler_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    <Button
        android:id="@+id/rv8_header_btn"
        android:layout_below="@+id/rv8_header_recycler_view"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginVertical="6dp"
        android:textSize="28sp"
        android:text="测试" />

</RelativeLayout>

recycler_view8_header_item.xml布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_marginHorizontal="20dp"
    android:layout_marginVertical="6dp"
    android:layout_height="wrap_content">


    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/rv8_header_item_img"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@mipmap/base_banner1"/>

</RelativeLayout>

六毛六66
关注
  • 12
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
kotlin 给recycleview添加头部和尾部
安卓兼职framework和app工程师的博客
11-14 944
1.创建adapter class RecyclerViewAddHeaderAndFooterAdapter(var context: Context, var items: ArrayList):RecyclerView.Adapter<RecyclerViewAddHeaderAndFooterAdapter.ViewHolder>(){ companion object{ va...
安卓recycleView添加viewheader
weixin_71792169的博客
10-09 372
新建一个xml的布局，这些你要的viewHeader的布局样子：(这是继承RelativeLayout的)在布局文件的recycleView下面，添加。在app的build.gradle中，添加。
android 滚动条透明度,Android 沉浸式状态栏及View滑动渐变效果与启发
weixin_36145673的博客
05-26 323
先看看Demo效果图： 如Demo所示，当向上滑动列表时，顶部的View颜色发生了渐变，从半透明变成了不透明，以及顶部View的布局与状态栏融合在了一起。要实现上面的这个效果大致是：1.设置状态栏透明或者半透明 。2.监听列表的滑动距离来控制View背景色的渐变。1.沉浸式状态栏(状态栏透明设置)1.1 第一种方法：可以通过直接修改状态栏的属性，必须在Android5.0以上才支持，也就是api2...
Android 优雅的为RecyclerView添加HeaderView和FooterView
最新发布
feifei99_8820的博客
04-09 812
写到这里也结束了，在文章最后放上一个小小的福利，以下为小编自己在学习过程中整理出的一个学习思路及方向，从事互联网开发，最主要的是要学好技术，而学习技术是一条慢长而艰苦的道路，不能靠一时激情，也不是熬几天几夜就能学好的，必须养成平时努力学习的习惯，更加需要准确的学习方向达到有效的学习效果。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！**如果你觉得这些内容对你有帮助，可以扫码获取！！
android：RecyclerView交互动画（上下拖动，左右滑动删除）
2401_84132357的博客
04-05 993
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，上面只是以图片的形式给大家展示一部分。【Android思维脑图（技能树）】知识不体系？
Android RecyclerView自定义上拉和下拉刷新效果
08-31
为了实现更丰富的自定义效果，例如动画和过渡，你可能需要创建自定义的Header或Footer视图，然后在`RecyclerView`中添加它们。这可以通过扩展`RecyclerView.ItemDecoration`类或直接在适配器中处理来实现。 总之，...
Android RecyclerView 上拉加载更多及下拉刷新功能的实现方法
09-01
7. **动画效果**：为了增加用户体验，通常会在下拉刷新和上拉加载更多时加入动画效果。如代码中的`ElizabethView`，它包含了一个动画`AnimationDrawable`，可以通过`startAnim()`和`stopAnim()`方法控制动画的开始和...
RecyclerView下拉刷新上拉加载
08-31
本文主要讲解了如何在 RecyclerView 中实现下拉刷新和上拉加载功能，使用了第三方库 CommonPullToRefresh。通过自定义布局，将 RecyclerView 包裹在 PtrClassicFrameLayout 中，并设置相关属性以实现刷新和加载动画...
recyclerView万能复用添加Header/FooterView及上拉加载下拉刷新源码
05-13
本教程将深入探讨如何在RecyclerView中实现Header/Footer的添加，以及整合上拉加载和下拉刷新功能，这些都是现代应用中常见的交互模式。 首先，让我们了解RecyclerView的基本结构。RecyclerView是一个视图容器，它...
下拉上拉的recyclerview
07-25
总结来说，实现“下拉刷新”和“上拉加载”的RecyclerView涉及到对RecyclerView的基础使用、SwipeRefreshLayout的集成、自定义头部和尾部视图的设计以及滚动监听器的编写。通过熟练掌握这些技能，你可以为用户提供更...
上下拖动，左右滑动的RecyclerView
01-03
文章中贴的代码不全，大家可下载查看全部代码
上下左右拖动并且加载不同布局的RecyclerView
01-04
不仅可以上下拖动，左右滑动，还可以加载不同的item布局的RecyclerView
RecyclerView添加Header
xiyangyang8110的博客
03-02 1448
1 // 万能adapter implementation 'com.zhy:base-rvadapter:3.0.3' implementation 'com.zhy:base-adapter:3.0.3' 2 GridLayoutManager gridLayoutManager = new GridLayoutManager(ServiceCustomActivity.this, 2); hotServiceRv.setLayoutManage
RecyclerView添加Header的正确方式
热门推荐
Loader's Blog
11-08 7万+
看了一下博客目录，已经有好几篇博客是关于RecyclerView的，不过对于这么一款强大的控件，我还是要再写一篇博客来学习一下，这篇博客的主题是《为RecyclerView添加header》，当然在看完这篇博客后，相信添加Footer你也应该能够学会。话说在这么多新控件中为何RecyclerView备受开发者的喜爱？这还是因为在Android发展到今天基本上还没有像RecyclerView这么灵活的
高端操作！实现RecyclerView的上下拖拽
qq_40987010的博客
07-01 2356
写在前面 最近工作强度好大，一天能敲10小时以上的代码，敲的我头疼。代码写多了，突然想起来，好像真的很久没发技术文了，原因有很多，就不说了。。都是借口，今天分享内容也是工作时遇上的一个小需求，觉得挺有意思，那就写篇文章吧！   需求描述大概是这样，一个页面有一个列表，列表里有很多item，需要支持用户拖拽其中item到不同的位置，来对列表项进行重新排序。 要实现的效果大概如下： 除去与业务相关的部分，我们只需关注如何让列表item支持上下拖拽就行，这也是这个需求的关键。 我们组安卓岗在半年前已经全部用k
RecyclerView | 在 RecyclerView 中使用 header 快人一步
谷歌开发者
11-19 575
本文是介绍 RecyclerView 入门基础 系列文章 的第四篇。如果您已经对创建 RecyclerView 有了一定的认识，请继续阅读本文。如果尚未熟悉，建议您首先阅读本系列中的 第一篇文章。 您可以通过在 RecyclerView 中添加 Header 来为应用数据补充上下文信息。虽然您也可以在 LinearLayout 中将 TextView 置于 RecyclerView 之上来模拟 header 的效果，但是这个模拟的 header 在用户滑动屏幕的时候甚至是滑到列表底部的时候仍然会驻留在屏幕.
RecyclerView添加header Footer
07-27
你可以在 RecyclerView 中添加头部和尾部视图来实现添加 header 和 footer 的效果。下面是一种常见的实现方式： 首先，你需要创建两个布局文件用作 header 和 footer 的视图。例如，header_view.xml 和 footer_view.xml。 然后，在你的 RecyclerView 的适配器中，你需要创建两个常量来表示 header 和 footer 的视图类型。例如，HEADER_VIEW_TYPE 和 FOOTER_VIEW_TYPE。 接下来，在适配器中，你需要重写以下几个方法： 1. getItemViewType(int position) 方法：根据 position 来返回相应的视图类型。如果 position 是 0，则返回 HEADER_VIEW_TYPE；如果 position 是数据集合的大小加上 1，则返回 FOOTER_VIEW_TYPE；否则返回普通的 item 类型。 2. onCreateViewHolder(ViewGroup parent, int viewType) 方法：根据 viewType 来创建对应的 ViewHolder。如果 viewType 是 HEADER_VIEW_TYPE 或 FOOTER_VIEW_TYPE，则使用相应的布局文件创建 ViewHolder；否则使用普通的 item 布局文件创建 ViewHolder。 3. onBindViewHolder(ViewHolder holder, int position) 方法：根据 position 来绑定数据到 ViewHolder。如果 position 是 HEADER_VIEW_TYPE 或 FOOTER_VIEW_TYPE，则不需要绑定数据；否则绑定普通的 item 数据。 最后，在你的 RecyclerView 中设置适配器，并在数据集合中添加对应的数据项作为 header 和 footer。例如，使用以下代码： ``` MyAdapter adapter = new MyAdapter(dataList); adapter.addHeader(headerData); adapter.addFooter(footerData); recyclerView.setAdapter(adapter); ``` 请注意，上述代码中的 MyAdapter 是你自定义的 RecyclerView.Adapter 子类，其中包含了添加 header 和 footer 的方法。 以上就是在 RecyclerView 中添加 header 和 footer 的基本步骤。希望能对你有所帮助！如有需要，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

六毛六66

你的鼓励是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值