我一直在尝试使用Chris Bane的Cheesesquare示例应用程序探索Collapsing Toolbar Layout,并且我遇到了一个问题,即在Collapsing toolbar上添加渐变背景以使标题保持可读性,即使背景很亮也是如此。
我在stackoverflow上看到了一个解决方案。
该解决方案将渐变“附加”到图像本身而不是Collapsing toolbar的底部。随着您向下滚动,该渐变将随着图像消失而消失,因为它与视野平移。我想让渐变跟随Collapsing toolbar的折叠(并保持平移效果)。
这段短视频应该能够清楚地说明问题:https://vid.me/J225
任何帮助都非常欢迎!
我在stackoverflow上看到了一个解决方案。
该解决方案将渐变“附加”到图像本身而不是Collapsing toolbar的底部。随着您向下滚动,该渐变将随着图像消失而消失,因为它与视野平移。我想让渐变跟随Collapsing toolbar的折叠(并保持平移效果)。
这段短视频应该能够清楚地说明问题:https://vid.me/J225
activity_contact_detail.xml
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="@dimen/detail_backdrop_height"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_collapseMode="parallax">
<ImageView
android:id="@+id/backdrop"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/woman"/>
<View
android:layout_width="match_parent"
android:layout_height="?actionBarSize"
android:layout_gravity="bottom"
android:background="@drawable/backdrop_bg"/>
</FrameLayout>
<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/ThemeOverlay.AppCompat.Light"
/>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
...
<View
android:layout_width="match_parent"
android:layout_height="?actionBarSize"
android:background="@drawable/backdrop_bg"
app:layout_anchor="@id/appbar"
app:layout_anchorGravity="bottom"/>
backdrop_bg.xml
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:angle="90"
android:endColor="#0000"
android:startColor="#303F9F"
android:type="linear"/>
<corners android:radius="0dp"/>
</shape>
任何帮助都非常欢迎!