Android修行手册 - NestedScrollView

举报
芝麻粒儿 发表于 2022/09/27 15:45:05 2022/09/27
【摘要】 👉关于作者众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)欢迎关注公众号【空名先生】获取更多资源和交流! 👉前提这是小空坚持写的Android新手向系列,欢迎...

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

欢迎关注公众号【空名先生】获取更多资源和交流!

👉前提

这是小空坚持写的Android新手向系列,欢迎品尝。

新手(√√√)

大佬(√)

👉实践过程

NestedScrollView 是支持嵌套滑动的 ScrollView,前面小空讲过了ScrollView的所有知识,NestedScrollView基本包含全部,在这就不赘述了,可以查看小空之前的内容。

NestedScrollView相比ScrollView有两大特点可嵌套和可监听。我们就直接上案例。

哦,对了,开始之前先了解一个机制:嵌套滑动机制,这是Android5.0时候更新的。

原理是事件共享,当子控件收到滑动时间,先告诉该控件的父亲,先询问下父控件用不用滑动,如果用的话则要告诉子控件消耗了多少的滑动,之后有多余的滑动距离子控件再进行剩余的处理。

😜示例

<androidx.core.widget.NestedScrollView
    android:id="@+id/idNestedScrollView"
    android:layout_width="400dp"
    android:layout_height="400dp">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:descendantFocusability="blocksDescendants"
        android:orientation="vertical">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:background="#888888"
            android:gravity="center"
            android:text="我是头"
            android:textColor="#00ff00"
            android:textSize="30sp" />
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/idRecyclerView"
            android:layout_width="match_parent"
            android:layout_height="300dp" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:background="#888888"
            android:gravity="center"
            android:text="我是脚"
            android:textColor="#00ff00"
            android:textSize="30sp" />
    </LinearLayout>
</androidx.core.widget.NestedScrollView>

NestedScrollView同样只能有一个子View。代码中我们也能看出NestedScrollView里直接添加RecyclerView即可,将RecyclerView当作一个普通的控件对待,外面的NestedScrollView照样也能滑动,仔细看下方的效果图,当点击在NestedScrollView上的时候,滑动的是整个,当点击到RecyclerView上的时候,默认滑动的是RecyclerView。可RecyclerView滑动到头的时候(不管是顶部还是底部),会继续看父(NestedScrollView)能不能继续滑动,能则继续处理。
要注意RecyclerView需要是固定高度,如果是wrap_content,则默认RecyclerView所有item都显示了,没了复用效果也没了滑动,只有NestedScrollView的滑动。

class ActivityScrollView : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_scrollview)

        for (i in 0..10) {
            mDatas.add("芝麻粒儿")
            mDatas.add("空名先生")
        }
        idRecyclerView.layoutManager = LinearLayoutManager(this)
        idRecyclerView.adapter = NestedScrollViewAdapter(this, mDatas)
    }

    var mDatas: MutableList<String> = ArrayList()

    internal class NestedScrollViewAdapter(var context: Context, var mDatas: MutableList<String>) :
        RecyclerView.Adapter<NestedScrollViewAdapter.MyViewHolder>() {

        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
            return MyViewHolder(
                LayoutInflater.from(context).inflate(R.layout.item_nested_scrollview, parent, false)
            )
        }

        override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
            holder.tv.setText(mDatas.get(position))
        }

        override fun getItemCount(): Int {
            return mDatas.size
        }

        internal inner class MyViewHolder(view: View) : RecyclerView.ViewHolder(view) {
            var tv: TextView

            init {
                tv = view.findViewById(R.id.idItemName)
            }
        }
    }
}

😜监听

两个监听都一样

idNestedScrollView.setOnScrollChangeListener(object : NestedScrollView.OnScrollChangeListener {
    override fun onScrollChange(v: NestedScrollView?, scrollX: Int, scrollY: Int, oldScrollX: Int, oldScrollY: Int) {
    //参数一是NestedScrollView对象 、参数二是:scrollX是目前的(滑动后)的X轴坐标 、参数三是:ScrollY是目前的(滑动后)的Y轴坐标 、参数四是:oldScrollX是之前的(滑动前)的X轴坐标 、参数五是:oldScrollY是之前的(滑动前)的Y轴坐标
    }
})
idNestedScrollView.setOnScrollChangeListener { v, scrollX, scrollY, oldScrollX, oldScrollY ->
    {

    }
}

提示:

一般滑动可复用或者多布局复用的都用RecyclerView,根据项目情况综合考虑用不用NestedScrollView。

28.ScrollView效果图1.gif

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。