CollapsingToolbarLayout -如何固定工具栏和另一个视图，但仍然有标题图像的parralax？
CollapsingToolbarLayout是Android Support库中的一个控件，用于实现可折叠的工具栏效果。它可以同时固定工具栏和另一个视图，并且仍然可以显示标题图像的parralax效果。
要实现这个效果，可以按照以下步骤进行操作：
- 首先，在布局文件中添加CollapsingToolbarLayout作为父容器，将工具栏和其他视图放置在其中。例如：
<android.support.design.widget.CoordinatorLayout>
<android.support.design.widget.AppBarLayout>
<android.support.design.widget.CollapsingToolbarLayout>
<android.support.v7.widget.Toolbar>
<!-- 工具栏内容 -->
</android.support.v7.widget.Toolbar>
<ImageView>
<!-- 标题图像 -->
</ImageView>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<NestedScrollView>
<!-- 其他视图内容 -->
</NestedScrollView>
</android.support.design.widget.CoordinatorLayout>- 在代码中，可以通过设置CollapsingToolbarLayout的属性来实现固定工具栏和parralax效果。例如，可以设置
app:layout_scrollFlags属性来指定工具栏的滚动行为，使用app:contentScrim属性来设置工具栏的背景颜色，使用app:expandedTitleMarginStart和app:expandedTitleMarginEnd属性来设置标题在展开时的边距。
<android.support.design.widget.CollapsingToolbarLayout
app:layout_scrollFlags="scroll|exitUntilCollapsed"
app:contentScrim="@color/colorPrimary"
app:expandedTitleMarginStart="48dp"
app:expandedTitleMarginEnd="64dp">
<!-- 工具栏和标题图像内容 -->
</android.support.design.widget.CollapsingToolbarLayout>通过设置app:layout_scrollFlags属性，可以实现以下几种滚动行为：
scroll：工具栏随着滚动而滚动。enterAlways：工具栏在滚动时进入屏幕。exitUntilCollapsed：工具栏在滚动到最小高度之前一直存在。snap：工具栏在滚动结束时自动收起或展开。
- 最后，可以在代码中设置CollapsingToolbarLayout的标题和其他属性。例如，可以使用
setTitle()方法设置标题，使用setCollapsedTitleTextColor()和setExpandedTitleColor()方法设置标题的颜色。
CollapsingToolbarLayout collapsingToolbarLayout = findViewById(R.id.collapsingToolbarLayout);
collapsingToolbarLayout.setTitle("标题");
collapsingToolbarLayout.setCollapsedTitleTextColor(Color.WHITE);
collapsingToolbarLayout.setExpandedTitleColor(Color.TRANSPARENT);这样，就可以实现固定工具栏和另一个视图，同时仍然有标题图像的parralax效果。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议您参考腾讯云官方文档或咨询腾讯云的客服人员获取相关信息。
相关·内容
让我们先看看我想要实现的目标：因此，黄色区域将用于文本。它不应该移动。它应该始终处于固定的静态位置。工具栏同样也应该是静态的，并且总是固定的。但是蓝色部分会有一个图像在里面。当滚动和视差时，它应该缩小。因此，如果用户向上滚动，图像应该向上滚动，最终会随着视差消失。我很难让黄色区域动起来。
如果你想知道，在蓝色区域下面是一个scrollView。如你所知，黄色条实际上是一个文本视图，具有匹
浏览 6提问于2018-01-04得票数 2
如何使CollapsingToolbarLayout崩溃时工具栏和TabLayout仍然可见？例如，我有一个带有app的CollapsingToolbarLayout：contentScrim动画，其中包含Toolbar、ImageView和TabLayout，但是我想在滚动时隐藏ImageView，但仍然显示工具栏<code>E 217</code>和<co
浏览 8提问于2022-08-06得票数 0
你们中的许多人可能已经尝试过新的google报摊和全新的材料design.It看起来相当惊人。
2.当我们滑动选项卡时，工具栏会显示动画。它有两个组成部分，一个是工具栏中间的圆圈逐渐消失，
浏览 3提问于2015-01-31得票数 0
回答已采纳
1回答
简短的问题：，有一个不是你的工具栏的折叠视图(如CollapsingToolbarLayout)，最好的方法是什么？
和长篇故事：，我有一个应用程序，其中列出了用户应用程序，并让他锁定它们。因此，我创建了一个Activity，其中包含一个固定的Toolbar和一个RecyclerView。固定工具栏在我的应用程
浏览 4提问于2015-12-26得票数 1
用户向下滚动屏幕后，CollapsingToolbarLayout中的图像消失，留下一个工具栏，其中包含后退按钮、内容标题和设置菜单。我想知道只有当工具栏处于“折叠”状态时，如何才能更改它的背景颜色。我所指的操作类似于此，其中工具栏背景颜色变为绿色：在CollapsingToolbarLayout下面，我有一个NestedScrollView with
浏览 152提问于2015-06-03得票数 49
回答已采纳
我已经实现了Chris Banes示例代码中的新CollapsingToolbarLayout。
但是，背景图像视图的图像都是白色背景。工具栏主题是ThemeOverlay.AppCompat.Dark.ActionBar，所以图标也是白色的，因此当CollapsingToolbarLayout完全展开时，我看不到主页按钮。使用app:expandedTitleTextAppearance，我可以设置标题字段
浏览 70提问于2015-06-19得票数 20
我将CollapsingToolBarLayout与AppBarLayout和CoordinatorLayout一起使用，它们都工作得很好。我设置我的Toolbar是固定的当我向上滚动，我想知道是否有一种方法来改变标题文本的工具栏，当CollapsingToolBarLayout它是折叠的。总结一下，我想要两个不同的标题时滚动和展开时。
提前感谢所有人
浏览 190提问于2015-07-29得票数 124
我正在努力理解某些视图是如何工作的。我开始阅读CollapsingToolbarLayout的源代码。但是我很困惑，它中没有onTouch函数，而我们需要触摸屏幕来扩展/折叠视图。那么，如何用手指折叠/扩展CollapsingToolbarLayout，但没有过度的onTouch方法？
有人能跟我解释一下吗？
浏览 0提问于2019-01-16得票数 1
回答已采纳
我正在和CollapsingToolbarLayout一起工作。我不知道在工具栏中固定标题的任何方法。
有什么简单的方法可以做到这一点吗？
浏览 0提问于2015-08-17得票数 4
2回答
我正在尝试实现工具栏、和用户图像动画，就像推特的用户配置文件中使用的那样。我尝试了很多东西，但我无法实现快速固定在屏幕顶部的折叠工具栏与它的一些背景，当它被展开时，使用户图像首先在工具栏上，然后缩小并在滚动时移动到工具栏下方。twitter是如何在用户个人资料图像中实现平滑效果的？他们是如何将这个图像<
浏览 22提问于2016-05-05得票数 17
1回答
我有在appbarlayout和app:layout_behavior="@string/appbar_scrolling_view_behavior"，视图之间的ImageView，当我向上滚动时，它必须在工具栏的上方为了实现这一点，我还定义了一个自定义行为，它是AppBarLayout的一个实例，因为我有一个这样的布局：<AppBarLayo
浏览 0提问于2016-06-16得票数 0
3回答
我在一个只占据屏幕下半部分的RecyclerView中有一个ViewPager，如果RecyclerView收到垂直滚动事件，我想要做的是让整个屏幕滚动。在我的应用程序中，我有一个包含多个选项卡的ViewPager，每个选项卡都有一个RecyclerView来显示不同的东西。
请你给我一些想法，我可以做什么来制作整个屏幕卷轴？我猜最好的方法是在屏幕中间的静态内容中添加一个视差CollapsingToolbarLayout。我甚至试过这
浏览 5提问于2016-01-29得票数 5
2回答
我希望在我的工具栏中保留主页按钮。我有一个可折叠的工具栏，上面有一个图像，如果向上滚动，它就会消失。在我的另一个工具栏中，我使用以下命令实现了工具栏：getSupportActionBar().setDisplayHomeAsUpEnabled在工具栏折叠时(图像未显示时)
浏览 2提问于2015-07-20得票数 5
我正在尝试使用自定义视图实现CollapsingToolbarLayout，但我无法做到：展开后，标题是一个包含图像和标题的配置文件屏幕未展开(在滚动上)，图像和标题将显示在工具栏上但我看到的一切并不像我预期的那样工作
我刚接触这个和棒棒糖动画，所以如果有人能帮助我
浏览 0提问于2015-10-01得票数 31
回答已采纳
我有AppBarLayout，CollapsingToolbarLayout和工具栏的活动。从代码设置标题和副标题。最初，我想隐藏工具栏并在Appbar布局折叠时显示，我的代码可以正常工作(工具栏最初隐藏)，但它总是显示工具栏标题和副标题。如何仅在appbar布局完全折叠时显示标题
<a
浏览 1提问于2016-02-06得票数 5
我有一个简单的工具栏，在右边有一个信息图标项目。单击该项目时，我希望用动画展开工具栏。有一个新的视图和一个FAB按钮。就像特发短信一样。
当单击扩展工具栏外时，我想要显示工具栏。我看如何用CollapsingToolbarLayout来处理这件事？有可能吗？我在web上找到的所有示例都是通过视图的</e
浏览 1提问于2016-01-07得票数 1
回答已采纳
几天前，我更新了我的安卓工作室，并开始使用CoordinatorLayout和CollapsingToolbarLayout来尝试一些东西。看来工具栏文本颜色覆盖状态栏的初始颜色和状态栏文本颜色(从xml和代码两方面都尝试过)
我的
浏览 0提问于2016-02-12得票数 28
wrap_content" </com.google.android.material.appbar.CollapsingToolbarLayout>
<&#
浏览 0提问于2020-04-28得票数 1
回答已采纳
我的iPad应用程序使用嵌入在TabBarControl中的DetailView在多个数据视图之间切换。TableViewController，是设计为DetailView的，它有一个大的标题视图(以后要添加图表，标题视图约占垂直空间的40% )和顶部的工具栏。当表中有更多可以显示的行时，如何防止将工具栏<em
浏览 5提问于2012-02-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
