Android kotlin 用RecyclerView(androidx+BRVAH3.0.6)实现向上滑动隐藏标题栏向下滑动显示功能

彬sir哥

已于 2023-05-06 14:50:44 修改

阅读量1.2k

点赞数

分类专栏： Android kotlin开源项目-功能文章标签： android studio kotlin RecyclerView BRVAH3.0.6 标题栏

于 2021-09-27 16:56:40 首次发布

本文链接：https://blog.csdn.net/qq_35091074/article/details/120511299

版权

Android kotlin开源项目-功能专栏收录该内容

40 篇文章 12 订阅

订阅专栏

一、实现效果

二、引入依赖

在app的build.gradle在添加以下代码
1、implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:3.0.6'，这个里面带的适配器，直接调用就即可

BaseRecyclerViewAdapterHelper简称BRVAH

`Android SDK`	是否支持`BaseRecyclerViewAdapterHelper:3.0.6`
android compileSdkVersion `29`	是
android compileSdkVersion `30`	是
android compileSdkVersion `31`	是
android compileSdkVersion `32`	是
android compileSdkVersion `33`	是

这依赖包还需要得到要添加，在Project的build.gradle在添加以下代码，不添加就不行

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }//加上
    }
}

三、实现源码

1、代码解析

1、主活动布局中标题栏

    <RelativeLayout
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="@dimen/title_height"
        android:background="#4CAF50">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="标题栏 "
            android:textColor="#F44336"
            android:textSize="22sp" />
    </RelativeLayout>

在这里插入图片描述

2、RecyclerView的标题栏高度

recyclerView.translationY, resources.getDimension(R.dimen.title_height)

3、注意：主活动布局中和ListView的标题栏高度必须要一样

<dimen name="title_height">50dp</dimen>

2、适配器

RvAdapter.kt

package com.example.myapplication3.adapter

import com.chad.library.adapter.base.BaseQuickAdapter
import com.chad.library.adapter.base.viewholder.BaseViewHolder
import com.example.myapplication3.R
import kotlinx.android.synthetic.main.item.view.*

class RvAdapter(layoutResId: Int = R.layout.item) :
    BaseQuickAdapter<String, BaseViewHolder>(layoutResId) {
    override fun convert(holder: BaseViewHolder, item: String) {
        holder.itemView.run {
            tv_content.text = item
        }
    }
}

item布局item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/swipe_menu_layout"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="#e9e9e9">

    <RelativeLayout
        android:id="@+id/ll_item"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">
        <!--也可以是复杂的item布局-->
        <TextView
            android:id="@+id/tv_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"/>
    </RelativeLayout>
</RelativeLayout>

3、实现视图

MainActivity.kt

package com.example.myapplication3

import android.animation.Animator
import android.animation.ObjectAnimator
import android.os.Bundle
import android.view.MotionEvent
import android.view.View
import android.view.ViewConfiguration
import androidx.appcompat.app.AppCompatActivity
import androidx.recyclerview.widget.LinearLayoutManager
import com.example.myapplication3.adapter.RvAdapter
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    var list = ArrayList<String>()

    private var mTouchSlop = 0
    private var mFirstY = 0f
    private var mCurrentY = 0f

    private val mAdapter by lazy {
        RvAdapter()
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        mTouchSlop = ViewConfiguration.get(this@MainActivity).scaledTouchSlop
        init()
        showHideTitleBar(true);
    }

    private fun init() {
        val layoutManager = LinearLayoutManager(this@MainActivity)
        layoutManager.orientation = LinearLayoutManager.VERTICAL
        recyclerView.layoutManager = layoutManager
        recyclerView.adapter = mAdapter

        for (i in 0..50) {
            list.add("第 ${i + 1} 行")
        }

        mAdapter.setList(list)

        recyclerView.setOnTouchListener(View.OnTouchListener{ v, event ->
            when(event.action){
                MotionEvent.ACTION_DOWN -> {
                    mFirstY = event.y
                }
                MotionEvent.ACTION_MOVE -> {
                    mCurrentY = event.y
                    if (mCurrentY - mFirstY > mTouchSlop) {

                        // 下滑 显示titleBar
                        showHideTitleBar(true)
                    }else if (mFirstY - mCurrentY > mTouchSlop){

                        // 上滑 隐藏titleBar
                        showHideTitleBar(false)
                    }
                }
                MotionEvent.ACTION_UP ->{

                }
            }
            return@OnTouchListener false
        })
    }

    private var mAnimatorTitle: Animator? = null
    private var mAnimatorContent: Animator? = null

    private fun showHideTitleBar(tag: Boolean) {
        if (mAnimatorTitle != null && mAnimatorTitle!!.isRunning) {
            mAnimatorTitle!!.cancel()
        }
        if (mAnimatorContent != null && mAnimatorContent!!.isRunning) {
            mAnimatorContent!!.cancel()
        }
        if (tag) {
//            mAnimatorTitle = ObjectAnimator.ofFloat(rl_title, "translationY", rl_title.getTranslationY(), 0)

            mAnimatorTitle = ObjectAnimator.ofFloat(rl_title, "translationY", rl_title.translationX,0f)

//            mAnimatorContent = ObjectAnimator.ofFloat(recyclerView, "translationY", recyclerView.getTranslationY(), getResources().getDimension(R.dimen.title_height))
            mAnimatorContent = ObjectAnimator.ofFloat(recyclerView, "translationY", recyclerView.translationY, resources.getDimension(R.dimen.title_height))

        } else {
//            mAnimatorTitle = ObjectAnimator.ofFloat(rl_title, "translationY", rl_title.getTranslationY(), -rl_title.getHeight())
            mAnimatorTitle = ObjectAnimator.ofFloat(rl_title, "translationY", rl_title.translationY, -resources.getDimension(R.dimen.title_height))

//            mAnimatorContent = ObjectAnimator.ofFloat(recyclerView, "translationY", recyclerView.getTranslationY(), 0)
            mAnimatorContent = ObjectAnimator.ofFloat(recyclerView, "translationY", recyclerView.translationY, 0f)

        }
        mAnimatorTitle!!.start();
        mAnimatorContent!!.start();
    }

//    public class MainActivity extends AppCompatActivity {
//
//        private RelativeLayout mTitle;
//        ArrayList<String> list = new ArrayList<String>();
//        ArrayAdapter adapter;
//        private ListView mListView;
//        private int mTouchSlop;
//        private float mFirstY;
//        private float mCurrentY;
//
//        @Override
//        protected void onCreate(Bundle savedInstanceState) {
//            super.onCreate(savedInstanceState);
//            requestWindowFeature(Window.FEATURE_NO_TITLE);
//            setContentView(R.layout.activity_main);
//            mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();
//
//            initViews();
//            showHideTitleBar(true);
//        }
//
//        private void initViews() {
//            mListView = (ListView) findViewById(R.id.listview);
//            mTitle = (RelativeLayout) findViewById(R.id.title);
//
//            for (int i = 0; i < 100; i++) {  //设置数据
//            list.add("第  " + (i + 1) + "  行");
//        }
//
//            adapter = new ArrayAdapter(this, android.R.layout.activity_list_item, android.R.id.text1, list);
//            mListView.setAdapter(adapter);
//            mListView.setOnTouchListener(new View.OnTouchListener() {
//
//                @Override
//                public boolean onTouch(View v, MotionEvent event) {
//                    switch (event.getAction()) {
//                        case MotionEvent.ACTION_DOWN:
//                        mFirstY = event.getY();
//                        break;
//                        case MotionEvent.ACTION_MOVE:
//                        mCurrentY = event.getY();
//                        if (mCurrentY - mFirstY > mTouchSlop) {
//                            System.out.println("mtouchislop:" + mTouchSlop);
//                            // 下滑 显示titleBar
//                            showHideTitleBar(true);
//                        } else if (mFirstY - mCurrentY > mTouchSlop) {
//                            // 上滑 隐藏titleBar
//                            showHideTitleBar(false);
//                        }
//                        break;
//                        case MotionEvent.ACTION_UP:
//                        break;
//                    }
//                    return false;
//                }
//            });
//        }
//
//        private Animator mAnimatorTitle;
//        private Animator mAnimatorContent;
//
//        private void showHideTitleBar(boolean tag) {
//            if (mAnimatorTitle != null && mAnimatorTitle.isRunning()) {
//                mAnimatorTitle.cancel();
//            }
//            if (mAnimatorContent != null && mAnimatorContent.isRunning()) {
//                mAnimatorContent.cancel();
//            }
//            if (tag) {
//                mAnimatorTitle = ObjectAnimator.ofFloat(mTitle, "translationY", mTitle.getTranslationY(), 0);
//                mAnimatorContent = ObjectAnimator.ofFloat(mListView, "translationY", mListView.getTranslationY(), getResources().getDimension(R.dimen.title_height));
//
//            } else {
//                mAnimatorTitle = ObjectAnimator.ofFloat(mTitle, "translationY", mTitle.getTranslationY(), -mTitle.getHeight());
//                mAnimatorContent = ObjectAnimator.ofFloat(mListView, "translationY", mListView.getTranslationY(), 0);
//            }
//            mAnimatorTitle.start();
//            mAnimatorContent.start();
//        }
//    }
}

代码中：return@OnTouchListener false 设置成true，列表第一行就一直滑到顶部下面，不是超顶部屏障，如下图：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <RelativeLayout
        android:id="@+id/rl_title"
        android:layout_width="match_parent"
        android:layout_height="@dimen/title_height"
        android:background="#4CAF50">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="标题栏 "
            android:textColor="#F44336"
            android:textSize="22sp" />
    </RelativeLayout>

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