问题标签 [android-collapsingtoolbarlayout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
16067 浏览

java - 设计库 - 带有 GridView/listView 的 CoordinatorLayout/CollapsingToolbarLayout

这可能是个愚蠢的问题,但我不太了解设计库。我正在按照这个参考来创建下面的布局。当我滚动GridView. 但是当我滚动网格视图时,AppBarLayout 中没有任何反应。

但这适用于NestedScrollViewRecyclerView

布局

以下是我的布局文件-

任何帮助,将不胜感激。

0 投票
3 回答
2764 浏览

android - CollapsingToolbarLayout ImageView 不可滚动

使用cheesesquare - android 支持库示例是否可以使 Header 可ImageView滚动?

请注意,我已经添加android:fillViewport="true"NestedScrollView并且还添加 app:layout_scrollFlags="scroll"到了,ImageView但是当尝试从ImageView没有任何事情发生滚动时。

0 投票
0 回答
1211 浏览

android - Setting a gravity to a TabLayout inside a CollapsingToolbarLayout causes it to diassapear

I have the following XML layout:

If you look at the TabLayout, the gravity assigned to it (bottom) causes it to disappear. If I remove that, it shows but fixed to the top.

The reason I don't have the CollapsingToolBarLayout matching the AppBarLayout in size is because I've been experimenting with putting the TabLayout in that space and setting it's flags independent of the CollapsingToolbarLayout directly as a descendant of the AppBarLayout.

Setting it independent works, but then I don't have the ImageView Background with the mask 60% black opacity mask anymore.

I tried what was suggested here: Similar question

There's no difference however.

EDIT: I figured it out and answered my own question here: Answer

The important thing is to recognize the CollapsingToolBarLayout extends FrameLayout, so you can put more than 1 in An AppBarLayout which extends LinearLayout. You set the scroll behaviour by using the scroll flags available to an AppBarLayout's children views.

0 投票
1 回答
6743 浏览

android - NestedScrollview 重叠 CollapsingToolbarLayout 像 gmusic 应用程序

我想复制 google play music android 应用程序的行为。在该应用程序中,当您使用“我的音乐”专辑选项卡时,专辑列表在操作栏(橙色部分)上方开始,因为它是“扩展的”。当您向上滚动专辑列表时,橙色部分向上滚动但比列表慢。当您向下滚动列表时,“橙色块”也会向下滚动。此行为与正在滚动的工具栏和选项卡无关。

我正在尝试使用新的材料设计库重现这种行为。使用来自 Cheesquare 的详细活动 xml 作为起点:

我尝试将背景“imageview”与彩色背景一起使用,并尝试将其移动到嵌套视图旁边。如果我将 imageview 放在具有视差效果的 CollapsingToolbarLayout 中,问题是我无法使其高度更大以位于nestedscrollview 之下。如果我将 imageview 放在 collapsingToolbarLayout 之外但在 NestedScrollView 内,我无法更改 viewScrolling 的“速度”。如果我将 imageview 放在 NestedScrollview 之外,即使工具栏被固定,它也会绘制在工具栏上。

在材料设计库之前,我使用了一个视图和一个对滚动视图的回调来上下移动它,但我想使用新库,因为它非常干净,它删除了很多样板代码。

有任何想法吗?

0 投票
3 回答
3219 浏览

android - Android:CollapsingToolbarLayout和SearchView,文字重叠

我对将 CollapsingToolbarLayout 标题与 SearchView 文本重叠没有什么问题。CollapsingToolbarLayout 什么时候展开,没有问题:

在此处输入图像描述

但是当被折叠时,文本是重叠的:

在此处输入图像描述

如何解决?

0 投票
6 回答
40388 浏览

android - Android:CollapsingToolbarLayout 和 SwipeRefreshLayout 卡住

我一起使用 CollapsingToolbarLayout、RecyclerView 和 SwipeRefreshLayout:

xml:

代码:

当折叠工具栏布局完全展开并且滚动视图(recyclerview)位于顶部时,如何允许滑动刷新操作?Google+ 或 Inbox 应用程序中的类似行为。

错误的:

在此处输入图像描述

好的:

在此处输入图像描述

0 投票
1 回答
13047 浏览

android - CollapsingToolbarLayout 的子级时不调用 Android 布局行为

我正在尝试layout_behavior在作为子元素的元素上设置 a ,CollapsingToolbarLayout但从不会在iv_header视图上调用该行为。当锚定在外部时,它可以完美地工作,例如与tv_follow视图。

该文档没有具体说明 alayout_behavior不能在AppBarLayoutor中应用,CollapsingToolbarLayout所以我不知道为什么它不起作用。

行为是从设计支持库中的 FloatingActionButton 代码中提取出来的。

0 投票
2 回答
6415 浏览

android - CollapsingToolbarLayout 扩展不适用于 RecyclerView

CollapsibleToolbarLayout 关于 RecyclerView 的行为似乎被破坏了。设置值时

应用程序:layout_scrollFlags

如果不使用“scroll|enterAlways”,Collabsible 布局将永远不会展开。它总是会收缩,但是当你往下拉的时候,它就不会再膨胀了,所以它只会被锁定在顶部。

如果您使用“scroll|enterAlways”,它会按预期工作,这意味着当您向下滚动时,它会立即将标题扩展到其完整高度。

在不知道的情况下,似乎 Collapsible 布局无法正确确定 RecyclerView 何时位于列表顶部,因为这是在其他情况下何时应展开到全高的标准。

这是我正在测试的布局。java 代码并不重要,它只是用虚拟数据填充recyclerview 并使用LinearLayoutManager。

0 投票
7 回答
21914 浏览

android - 如何使 CollapsingToolbarLayout 的标题居中?

我试过setExpandTitleTextAppearance了,但没有用。我想将扩展的标题文本居中。

0 投票
2 回答
2802 浏览

android - CollapsingToolbarLayout / 工具栏边距错误

我想在我的应用程序中使用与 @chrisbanses cheesesquare ( https://github.com/chrisbanes/cheesesquare ) 类似的布局。

在 Nexus 5,6 上一切正常。但是当您在三星 S6、Sony Z3 Compact 等其他设备上对其进行测试时,工具栏中的按钮是不可见的。

在此处输入图像描述

这是我的布局。我找不到解决此问题的方法。您可以尝试在带有 5.0.2 Android 的三星 S 等手机上运行 Cheesesquare。我还测试了索尼设备。相同。Nexus 手机没问题。

你知道如何解决这个问题吗?

我正在使用 com.android.support:design:22.2.0 (最新版本)