Question

我对这个问题的解决方案看起来很长很难，但似乎我正在解决设计库中的一个错误，或者我想要做的事情没有答案。

我有一个带有Parallax Image的CollapsingToolbar和一个ViewPager。 ViewPager仅作用于水平滚动，而底部的暗框是TextView，它将执行垂直滚动并折叠工具栏。

我的解决方案现在不是很好，原因有几个 - 这里有一个VIDEO来说明原因。

在API22（可能是21）上，我的TitleBar下面有一个阴影，它打破了下面TabLayout的连续性。
我的ViewPager只能水平翻页。它还需要接受垂直输入并折叠工具栏。
我有一个垂直翻页的TextView，折叠了ToolBar。所以它确实有效，而不仅仅是ViewPager的一体化解决方案。

为什么ViewPager无法处理水平和垂直滚动超出我的范围。也许功能在设计库中不存在，并且没有解决方法。我已经尝试了一切，到处寻找。这是我能做的最好的事情：

    <android.support.design.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"
    tools:context=".MainActivity"

    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout

    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/app_bar_height"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme">

    <android.support.design.widget.CollapsingToolbarLayout

    android:id="@+id/collapsing_toolbar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:fitsSystemWindows="true"
    app:expandedTitleMarginEnd="64dp"
    app:expandedTitleMarginStart="48dp"
    app:contentScrim="?attr/colorPrimary"
    app:layout_scrollFlags="scroll|exitUntilCollapsed">

    <ImageView

        android:id="@+id/backdrop"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/md_white_1000"
        android:scaleType="fitCenter"
        android:src="@drawable/backdrop"
        app:layout_collapseMode="parallax"
        app:layout_collapseParallaxMultiplier="0.7"/>

        <android.support.v7.widget.Toolbar

        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_collapseMode="pin"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

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

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary"
    style="@style/CustomTabs"/>

    <android.support.v4.view.ViewPager

    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="@dimen/viewpager_padding_default"/>

    </LinearLayout>

    <android.support.v4.widget.NestedScrollView

    android:id="@+id/nestedScrollView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="@dimen/drawer_padding_default"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <TextView

    android:id="@+id/textView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:padding="@dimen/drawer_padding_default"
    android:textColor="@color/textColorPrimary"
    android:background="@drawable/myrect" />

    </android.support.v4.widget.NestedScrollView>

    <android.support.design.widget.FloatingActionButton

    android:id="@+id/fab_action"
    android:src="@mipmap/ic_action_help"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/drawer_padding_default"
    android:scaleType="center"
    app:borderWidth="0dp"
    app:layout_anchor="@id/main_content"
    app:layout_anchorGravity="bottom|right|end"/>

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

Answer 1

1）为viewPager片段创建单独的布局，使用NestedScrollView 作为你的根，并添加app：layout_behavior =＆＃34; @ string / appbar_scrolling_view_behavior＆＃34;，到它。

2）添加app：layout_behavior =＆＃34; @ string / appbar_scrolling_view_behavior＆＃34;到viewPager

使用CollapsingToolbar，Parallax Image和ViewPager滚动问题

1 个答案: