没有滚动内容时如何下拉协调器布局

Posted

技术标签:

【中文标题】没有滚动内容时如何下拉协调器布局【英文标题】:How to pull down coordinator layout when there is no scrolling content 【发布时间】:2021-10-31 12:43:27 【问题描述】:

我正在使用选项卡布局和视图寻呼机加载三个片段。当用户向下滚动页面时,我隐藏了顶部栏。例如,片段 A 的数据不少,而片段 B 和片段 C 的数据更多,向下和向上滚动时隐藏并显示顶部栏。

我的问题是当我转到片段 B 或片段 C 并向下滚动时,顶部栏被隐藏,然后返回片段 A,顶部栏仍然隐藏。我想在没有滚动内容时显示顶栏。当任何片段没有滚动内容时,下拉顶部栏的正确方法是什么。

<androidx.coordinatorlayout.widget.CoordinatorLayout 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_
android:layout_
android:orientation="vertical"
tools:context=".DetailActivity">

<com.google.android.material.appbar.AppBarLayout
    android:layout_
    android:layout_
    app:elevation="0dp">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/top_bar"
        android:layout_
        android:layout_
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:background="@color/white"
        app:layout_scrollFlags="scroll|enterAlways|snap">

        <ImageView
            android:id="@+id/backButton"
            android:layout_
            android:layout_
            android:layout_marginStart="12dp"
            android:padding="4dp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/search_back" />

        <TextView
            android:id="@+id/name"
            android:layout_
            android:layout_
            android:layout_marginTop="12dp"
            android:fontFamily="@font/rubik_medium"
            android:text="James"
            android:textColor="@color/grey_color_one"
            android:textSize="18sp"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />


    </androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.appbar.AppBarLayout>

<LinearLayout
    android:layout_
    android:layout_
    android:orientation="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/layout_tab"
        android:layout_
        android:layout_
        android:background="@color/borrower_overview_background">

        <com.google.android.material.tabs.TabLayout
            android:id="@+id/detail_tab_layout"
            android:layout_
            android:layout_
            android:layout_marginStart="20dp"
            android:layout_marginTop="5dp"
            android:layout_marginEnd="20dp"
            android:background="@color/content_background"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:tabIconTint="@color/colaba_red_color"
            app:tabIndicator="@drawable/tab_indicator"
            app:tabIndicatorColor="@color/app_blue"
            app:tabIndicatorFullWidth="false"
            app:tabIndicatorHeight="4dp"
            app:tabSelectedTextColor="@color/app_blue"
            app:tabTextColor="@color/grey_color_two" />

        <View
            android:layout_
            android:layout_
            android:layout_marginStart="16dp"
            android:layout_marginEnd="16dp"
            android:background="@color/colaba_app_border_color"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/detail_tab_layout" />

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/detailViewPager"
        android:layout_
        android:layout_
        android:layout_weight="1"
        android:background="@color/content_background_color" />

</LinearLayout>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

【问题讨论】:

【参考方案1】:

它可能会起作用我认为您可以通过动态更改布局主题来使用视图模型 https://developer.android.com/topic/libraries/data-binding/architecture

【讨论】:

以上是关于没有滚动内容时如何下拉协调器布局的主要内容,如果未能解决你的问题,请参考以下文章

以编程方式将 FAB 卷回

在折叠栏布局android中向上滚动时淡化整个布局

recyclerview 在滚动时坚持使用图像放大/缩小动画的位置

将视图粘贴在协调器布局内的 viewpager 片段的底部

Android:TextInputLayout 不适合页面并阻止页面在 NestedScrollView 内滚动

如何隐藏 CoordinatorLayout 的一些视图