带有 viewpager 的协调器布局,滚动不起作用

Posted

技术标签:

【中文标题】带有 viewpager 的协调器布局,滚动不起作用【英文标题】:Coordinator layout with viewpager, scroll doesn't work 【发布时间】:2017-04-18 15:55:40 【问题描述】:

我正在这个环境中工作,

compileSdkVersion 25
    buildToolsVersion '25.0.0'
    defaultConfig 
        minSdkVersion 21
        targetSdkVersion 25

具有这些依赖项:

compile 'com.android.support:appcompat-v7:25.0.1'
    compile 'com.android.support:design:25.0.1'
    compile 'com.android.support:recyclerview-v7:25.0.1'
    compile 'com.android.support:cardview-v7:25.0.1'

我想创建一个带有 coordinatorlayout 但包含 viewPager,而不是 recyclerview 的视图。这是布局文件:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_
    android:layout_>

    <android.support.design.widget.AppBarLayout
        android:layout_
        android:layout_
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_
            android:layout_
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_
            android:layout_
            app:tabGravity="fill"
            app:tabMode="fixed" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_
        android:layout_
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>

我的问题是滚动不适用于视图。我看到一些实现 onTouch 方法来模拟滚动的帖子,但我想使用 coordinatorLayout。 谢谢。

【问题讨论】:

这里需要协调哪些布局?换句话说,例如,LinearLayout 有什么问题? 您要这样做吗? gist.github.com/iPaulPro/…您缺少 CollapsingToolbarLayout 是的,我正在尝试这样做,但我拥有的寻呼机不包含 recyclerview,它包含包含组件的 LinearLayout。 好的,所以你有一个不滚动的 LinearLayout?为什么这是一个问题? LinearLayout 不滚动。不管是 ViewPager。你需要一个滚动视图 【参考方案1】:

要使用 CoordinatorLayout,它需要一个在 ViewPager 内实现 NestedScrollingChild 接口的 View,例如 NestedScrollView。因此,将您的 LinearLayout 嵌套为 NestedScrollView 的子级。

【讨论】:

【参考方案2】:
<androidx.core.widget.NestedScrollView
    android:layout_
    android:layout_
    android:fillViewport="true"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" >
    
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_
        android:layout_/>

<!--Wrap content will not work here you have to give fix height-->

</androidx.core.widget.NestedScrollView>

【讨论】:

你应该将 android:fillViewport="true" 添加到 NestedScrollView 标签。

以上是关于带有 viewpager 的协调器布局,滚动不起作用的主要内容,如果未能解决你的问题,请参考以下文章

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

以编程方式设置 ViewPager 高度会自动滚动到最底部

ViewPager中Android不同宽度的布局

带有自动布局的滚动视图内的iOS 8 imageView不起作用

Recyclerview 滚动在嵌套滚动视图中的片段中不起作用

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