自定义ScrollView 实现滚动时切换标题内容

最新推荐文章于 2021-05-26 09:44:44 发布

嘟嘟爸0228

最新推荐文章于 2021-05-26 09:44:44 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_37730482/article/details/69245873

Android 自定义View 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何在Android中为ScrollView自定义滚动监听接口，实现根据滚动位置改变顶部标题的功能。通过创建SwitchScrollViewListener接口并结合Activity布局实现，适用于需要根据不同滚动位置显示不同标题的应用场景。

项目中有一个这样的要求一个页面是要求嵌套在ScrollView中比如某公司的详情页面

刚刚打开时顶部标题显示公司详情。当上拉到一定程度即公司职位已经滑出屏幕。此时顶部标题显示职位详情

代码说明

由于 ScrollView 只提供了一个这样的监听方法

protected void onScrollChanged(int x, int y, int oldx, int oldy)

显然这个方法是不能被外界调用的，因此就需要把它暴露出去。

自定义接口

public interface SwitchScrollViewListener {

    void onScrollChanged(SwitchScrollView scrollView, int x, int y, int oldx, int oldy);

}

Activity布局

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

    <TextView
        android:id="@+id/activity_switchscrollview_titletextview"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:gravity="center"
        android:textColor="#FFFFFF"
        android:background="@color/colorPrimary"
        android:text="职位详情"/>

    <com.wjn.myview.view.SwitchScrollView
        android:id="@+id/activity_switchscrollview_switchscrollview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:id="@+id/activity_switchscrollview_contexttextview"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:layout_margin="10dp"
                android:text=""/>

        </LinearLayout>

    </com.wjn.myview.view.SwitchScrollView>

</LinearLayout>

效果