折叠式工具栏使用导航组件

huangapple go评论66阅读模式
英文:

Collapsing toolbar using navigation components

问题

我正在创建一个应用程序,其中使用Jetpack Navigation Components来管理多个片段(fragments),并且只有一个活动(activity)。

该活动包含了FragmentContainerView,以及一个AppBar,其中只包含一个应该在所有片段之间共享的Toolbar

现在我想要做的是,在这些片段中的一个中使用Collapsing Toolbar,并带有一个图片来展示一些细节,并且还想要实现一个共享元素过渡(shared element transition)到这个片段。

是否有可能实现这样的效果?

英文:

I'm creating an application that uses the Jetpack navigation Components with multiple fragments and single activity.

The activity contains the FragmentContainerView in addition to the AppBar which includes only a Toolbar that is supposed to be shared between all fragments.

Now what I'm trying to do is to use a Collapsing Toolbar in one of these fragments with an Image to view some details, and make a shared element transition to it.

Is it possible to implement that?

答案1

得分: 1

在主题中,将主题设置为NoActionBar。

<!-- 应用基本主题 -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- 将 .DarkActionBar 改为 .NoActionBar -->
    <!-- 在这里定制你的主题 -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

然后在每个片段中添加一个工具栏。

根据你的需求,你可以使用Toolbar或CollapsingToolbar。

点击以下链接查看如何实现可折叠的工具栏:在 Android 中展开和折叠 Toolbar

英文:

In the themes, set the theme as NoActionBar

&lt;!-- Base application theme. --&gt;
&lt;style name=&quot;AppTheme&quot; parent=&quot;Theme.AppCompat.Light.NoActionBar&quot;&gt; &lt;!-- changed .DarkActionBar to .NoActionBar --&gt;
   &lt;!-- Customize your theme here. --&gt;
   &lt;item name=&quot;colorPrimary&quot;&gt;@color/colorPrimary&lt;/item&gt;
   &lt;item name=&quot;colorPrimaryDark&quot;&gt;@color/colorPrimaryDark&lt;/item&gt;
   &lt;item name=&quot;colorAccent&quot;&gt;@color/colorAccent&lt;/item&gt;
&lt;/style&gt;

Then add a toolbar in each fragment.

You can have a Toolbar or a CollapsingToolbar depending on your need.

Follow the links to check on implementing the Collapsing toolbar

Expanding And Collapsing Toolbar In Android

huangapple
  • 本文由 发表于 2020年9月21日 20:34:57
  • 转载请务必保留本文链接:https://go.coder-hub.com/63992383.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定