如何使用动画从大标题到小标题自定义应用栏?
How to do a custom app bar from large title to small with animation?
我的意思是:
过渡发生在图层上的内容开始滚动时。
它类似于 material.io 中的 prominent
。但我不知道该怎么做。我找不到示例。
介绍
这是由 View
实现的: Toolbar
和 CollapsingToolbarLayout
在 AppBarLayout
内。
解决方案
新建项目 -> 选择 Scrolling Activity
-> 下一步 -> 完成
你会看到类似的 activity_main.xml
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
android:fitsSystemWindows="true">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
style="@style/ToolbarTextAppearanceStyle"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:toolbarId="@+id/toolbar">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin" />
</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>
我的意思是:
过渡发生在图层上的内容开始滚动时。
它类似于 material.io 中的 prominent
。但我不知道该怎么做。我找不到示例。
介绍
这是由 View
实现的: Toolbar
和 CollapsingToolbarLayout
在 AppBarLayout
内。
解决方案
新建项目 -> 选择 Scrolling Activity
-> 下一步 -> 完成
你会看到类似的 activity_main.xml
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
android:fitsSystemWindows="true">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
style="@style/ToolbarTextAppearanceStyle"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:toolbarId="@+id/toolbar">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin" />
</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>