我的 CollapsingToolbarLayout 折叠后颜色不变
My CollapsingToolbarLayout is not changing color once it is collapsed
我在其中有一个 CollapsingToolbarLayout 和一个 viewflipper 来自动更改图像。我的问题是当用户向上滚动或折叠时,我的应用栏显示 Viewflipper 图像,我不想这样做我希望我的工具栏在折叠后必须获得原始颜色
This is what i am getting, second image once it is collapsed
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="250dp"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:toolbarId="@+id/toolbar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay" />
<ViewFlipper
android:id="@+id/srinivasflipper"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ViewFlipper>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
尝试在 viewfliper 中添加 app:layout_collapseMode="parallax"
以获得所需的效果。
you can use app:layout_collapseMode="parallax" (and optionally app:layout_collapseParallaxMultiplier="0.7" to set the parallax multiplier) to implement parallax scrolling (say of a sibling ImageView within the CollapsingToolbarLayout). This use case pairs nicely with the app:contentScrim="?attr/colorPrimary" attribute for CollapsingToolbarLayout, adding a full bleed scrim when the view is collapsed.
注:
此外,由于折叠工具栏扩展了 framelayout ,您需要将工具栏放在 viewflipper 下方。
我在其中有一个 CollapsingToolbarLayout 和一个 viewflipper 来自动更改图像。我的问题是当用户向上滚动或折叠时,我的应用栏显示 Viewflipper 图像,我不想这样做我希望我的工具栏在折叠后必须获得原始颜色 This is what i am getting, second image once it is collapsed
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="250dp"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:toolbarId="@+id/toolbar">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay" />
<ViewFlipper
android:id="@+id/srinivasflipper"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ViewFlipper>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
尝试在 viewfliper 中添加 app:layout_collapseMode="parallax"
以获得所需的效果。
you can use app:layout_collapseMode="parallax" (and optionally app:layout_collapseParallaxMultiplier="0.7" to set the parallax multiplier) to implement parallax scrolling (say of a sibling ImageView within the CollapsingToolbarLayout). This use case pairs nicely with the app:contentScrim="?attr/colorPrimary" attribute for CollapsingToolbarLayout, adding a full bleed scrim when the view is collapsed.
注:
此外,由于折叠工具栏扩展了 framelayout ,您需要将工具栏放在 viewflipper 下方。