使用CollapsingToolbarLayout在布局之间执行FloatingActionButton
CollapsingToolbarLayout是Android Support Library中的一个布局容器，用于实现可折叠的工具栏效果。它通常与AppBarLayout一起使用，可以在布局之间切换时实现FloatingActionButton的动画效果。
CollapsingToolbarLayout的主要特点包括：
- 可折叠的工具栏：CollapsingToolbarLayout可以根据滚动事件来展开或折叠工具栏，提供更好的用户体验。
- 支持标题和副标题：可以设置标题和副标题，随着工具栏的折叠和展开，标题和副标题的显示状态也会相应改变。
- 背景图像：可以设置一个背景图像，随着工具栏的折叠和展开，背景图像的显示状态也会相应改变。
- 可添加自定义视图：可以在CollapsingToolbarLayout中添加其他视图，如ImageView、TextView等，以实现更丰富的界面效果。
使用CollapsingToolbarLayout在布局之间执行FloatingActionButton的步骤如下：
- 在布局文件中添加CollapsingToolbarLayout和AppBarLayout，并将CollapsingToolbarLayout作为AppBarLayout的子视图。
<android.support.design.widget.CoordinatorLayout>
<android.support.design.widget.AppBarLayout>
<android.support.design.widget.CollapsingToolbarLayout>
<!-- 添加其他视图 -->
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<!-- 添加其他布局 -->
</android.support.design.widget.CoordinatorLayout>- 在CollapsingToolbarLayout中添加需要折叠的视图，如ImageView、TextView等。
<android.support.design.widget.CollapsingToolbarLayout>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/background_image" />
<!-- 添加其他视图 -->
</android.support.design.widget.CollapsingToolbarLayout>- 在布局中添加FloatingActionButton，并设置其layout_anchor属性为AppBarLayout。
<android.support.design.widget.CoordinatorLayout>
<android.support.design.widget.AppBarLayout>
<android.support.design.widget.CollapsingToolbarLayout>
<!-- 添加其他视图 -->
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<!-- 添加其他布局 -->
<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:layout_margin="16dp"
android:src="@drawable/fab_icon"
app:layout_anchor="@id/app_bar_layout" />
</android.support.design.widget.CoordinatorLayout>在上述布局中，FloatingActionButton的layout_anchor属性被设置为AppBarLayout的id，这样就可以实现在布局之间切换时，FloatingActionButton的位置会相应地调整。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
使用CollapsingToolbarLayout在布局之间执行FloatingActionButton
android、android-layout、android-coordinatorlayout、floating-action-button
我想在两个不同高度的布局之间添加一个浮动的动作按钮，以获得如下所示：这是我的布局，但可能过于复杂了：
<android.support.design.widget.CollapsingToolbarLayoutThemeOverlay.Ap
浏览 1提问于2018-01-08得票数 0
回答已采纳
3回答
(折叠)工具栏标题在Snackbar出现后重置其位置
android、android-design-library、android-collapsingtoolbarlayout、android-appbarlayout、android-snackbar
我有一个以CollapsingToolbarLayout和CoordinatorLayout作为根元素的布局。我的布局结构如下所示：<AppBarLayout> <Toolbar /><TabLayout /><
浏览 2提问于2016-09-23得票数 7
3回答
CollapsingToolbarLayout高程不工作和锚定FloatingActionButton不返回
java、android、android-design-library、androiddesignsupport、android-collapsingtoolbarlayout
我一直试图从材料设计指南中实现一个布局，使用新的。CollapsingToolbarLayout似乎是可行的，但它忽略了任何增加海拔的尝试。此外，如果我将AppBarLayout的高度设置为任何低于144 pop的值，FloatingActionButton就会弹出，但不会返回。android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.C
浏览 4提问于2015-05-31得票数 2
回答已采纳
2回答
ViewPager on涵盖API >= 21的其他视图。
android、android-viewpager、android-view、android-coordinatorlayout
我正在使用新的CoordinatorLayout从谷歌的新设计支持库。我有以下布局： app:layout_scrollFlags="scroll|android:layout_
浏览 4提问于2015-07-12得票数 9
回答已采纳
1回答
AppBarLayout和CollapsingToolbarLayout不能包含按钮？
android、material-design、androiddesignsupport、android-collapsingtoolbarlayout、android-appbarlayout
我在这里使用以下存储库：
其中“做某事”按钮包含在AppBarLayout中，嵌套在CollapsingToolbarLayout中，当您向上滚动时，它会折叠。这就是我的XML布局的样子：
<and
浏览 4提问于2015-07-04得票数 2
回答已采纳
2回答
如何在折叠工具栏布局下添加视图？
java、android、view、android-collapsingtoolbarlayout
我想添加一个图表布局，也是图像视图和文本视图内的折叠工具栏布局。就像这张图片。
此图形位于折叠工具栏布局中。当我们向上滚动时，图形会向上滚动，并且仍然是一个工具栏。现在，我正在尝试在折叠工具栏布局下添加视图。但我无法移动它们并对齐它们。怎么办？collapsingToolbarLayout = null;
private FloatingActionButton fab2=
浏览 0提问于2016-04-03得票数 5
1回答
像FloatingActionButton在ScrollView中那样隐藏自定义视图
android、android-collapsingtoolbarlayout
我正在使用Android中提供的示例协调器布局，我将FloatingActionButton替换为一个自定义视图。我注意到当应用程序使用FloatingActionButton向下滚动时，CollapsingToolbarLayout会隐藏，我需要用自定义视图复制这种行为。<?fitsSystemWindows="true"
android:theme="@style/AppTheme.App
浏览 6提问于2016-03-14得票数 2
回答已采纳
3回答
CoordinatorLayout中工具栏下面的进度条
android、android-toolbar、android-coordinatorlayout
我有这样一个布局XMl： <AppBarLayout> <RelativeLayout/> </CollapsingToolbarLayout> <RecyclerV
浏览 3提问于2016-07-29得票数 4
回答已采纳
1回答
AppBarLayout + TabLayout + CollapsingToolbarLayout + SwipeToRefresh
android、android-toolbar、swiperefreshlayout、android-coordinatorlayout、android-collapsingtoolbarlayout
其中一些片段包含SwipeToRefresh布局(有时会导致问题)。我尝试了很多的配置总是会留下一些问题。<?android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
&#x
浏览 0提问于2015-11-17得票数 12
回答已采纳
3回答
片段视图按主视图id查找视图
android、android-fragments
在MainActivity中，我加载了这个布局：protected void onCreate(Bundle savedInstanceState) { setContentView(R.layout.MainLayout);在MainLayout中，是一个带有id "fab“的浮动操作按钮。在我的片段视图类中，我加载片段视图布局如下： public View
浏览 4提问于2016-06-15得票数 1
回答已采纳
1回答
从片段访问content_main.xml视图？
android、kotlin、android-fragments
在我的应用程序中，我使用NavController和片段。在一些片段中，我需要访问有关MainActivity布局的视图。我就是这样做的：这是正常工作的预期。布局结构是这样的。android:id="@+id/content"
layout="@layout/content_m
浏览 2提问于2020-12-15得票数 0
1回答
将浮动动作按钮固定到工具栏/动作栏
android、floating-action-button、android-collapsingtoolbarlayout、coordinator-layout、nestedscrollview
我有一个包含CollapsingToolbarLayout、NestedScrollView和FloatingActionButton的CoordinatorLayout。在CollapsingToolbarLayout中有一个ImageView，它将layout_collapseMode设置为视差。FloatingActionButton已固定到CollapsingToolbarLayout。当该布局折叠或向上滚动时，图像甚至FloatingActionBut
浏览 2提问于2015-10-08得票数 0
1回答
在加载工具栏之前，RecyclerView在CoordinatorLayout中滚动
android、android-recyclerview、android-coordinatorlayout
我有一个图像和一个回收视图，我希望它滚动，就像他们在一个NestedScrollView。但我也希望我的RecyclerView循环视图(而不是加载列表视图中的所有内容)。为了实现这一点，我使用了一个CoordinatorLayout。但这不是我所需要的方式。即使没有折叠RecyclerView，CollapsibleToolbar也在滚动。item_region" />
<
浏览 3提问于2022-02-10得票数 1
回答已采纳
4回答
如何将RecyclerView放在工具栏下面，TabLayout和ViewPager之上也以自定义方式处理对滚动卷的响应？
android、android-recyclerview、android-toolbar、android-coordinatorlayout、android-collapsingtoolbarlayout
我想创建一个类似于下面的图像的布局：包含以下内容的CoordinatorLayout：
我对RecyclerView在CollapsingToolbarLayout和TabLayout之间遇到了麻烦。我可以在没有那个RecyclerV
浏览 15提问于2016-05-27得票数 17
2回答
android Collapsingtoolbarlayout布局在需要时显示全文
android、title、android-collapsingtoolbarlayout
嗨，我有一个android应用程序使用Collapsingtoolbarlayout布局。Collapsingtoolbarlayout布局的标题将是以前活动/片段中文章的标题(如何使Collapsingtoolbarlayout布局在需要时显示完整标题(调整字体大小，占用更多空间)？目前，我正在使用这些代码。如何修改代码以正确显示标题？任何帮助都是非常感谢的。谢谢
Activity activity = this.getA
浏览 5提问于2016-04-26得票数 1
回答已采纳
1回答
是否在定义退出直到折叠时查看工具栏上方？
android、toolbar、android-collapsingtoolbarlayout、android-appbarlayout
我有在appbarlayout和app:layout_behavior="@string/appbar_scrolling_view_behavior"，视图之间的ImageView，当我向上滚动时，它必须在工具栏的上方为了实现这一点，我还定义了一个自定义行为，它是AppBarLayout的一个实例，因为我有一个这样的布局：<AppBarLayout>
<CollapsingToolbarLayout-- fra
浏览 0提问于2016-06-16得票数 0
1回答
CollapsingToolbarLayout中的标题在SearchView打开时截断
android、kotlin、android-toolbar、android-search
每当我在一个SearchView中打开一个CollapsingToolbarLayout时，页面标题就会因为某种原因而被压缩和截断到一边，而不是定位在SearchView小部件下面。主布局
<com.google.android.mat
浏览 2提问于2020-11-22得票数 0
12回答
setOnApplyWindowInsetsListener从未调用过
android、android-layout、user-interface、windowinsets
我看过这个演示：https://chris.banes.me/talks/2017/becoming-a-master-window-fitter-nyc/ 因此，我尝试使用View.setOnApplyWindowInsetsListener我试着这样使用它： navBarOverlay.setOnApplyWindowInsetsListener { v, insets ->
Timber.i("BOTTOM = ${insets.systemWindowInsetBot
浏览 897提问于2019-01-06得票数 18
1回答
自定义自动隐藏floatingActionButton行为不起作用
android、material-design、android-coordinatorlayout、floating-action-button
当一个FloatingActionButton向下滚动时，我试图隐藏一个NestedScrollView，而当NestedScrollView向上滚动时，它就会显示出来。这是我的布局： xmlns:android="http://schemas.android.comlayout_height="wrap_content"
android:fitsSystemWindows=&qu
浏览 2提问于2017-03-14得票数 7
回答已采纳
1回答
透明AppBarLayout和CollapsingToolbarLayout
android、android-layout、transparent、android-collapsingtoolbarlayout
我想完成以下布局：
但是，我没有找
浏览 4提问于2016-01-18得票数 19
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
