问题标签 [coordinator-layout]

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 投票
2 回答
4042 浏览

android - 嵌套滚动视图不占用 CoordinatorLayout 中的可用空间

我面临一个关于实现NestedScrollview内部的问题CoordinatorLayout。请参阅以下布局代码:

所以基本上,当用户滚动浏览内容时,我会在屏幕顶部显示一个栏。这是一种由带有输入元素的卡片组成的表单。工具栏为滚动条让路。

问题是 NestedScrollview 没有占据整个高度并在底部留下很大的边距。虽然内容仍然可以在较小的视图中滚动。有时它确实会扩展,但是一旦我开始在 EditText 中编辑文本,它就会突然又回到一个边距。

0 投票
0 回答
446 浏览

android - 嵌套 FAB 在 CoordinatorLayout 中移动

我正在尝试使用 CoordinatorLayout、Viewpager 创建一个活动,并在其中创建一个带有 FAB 的普通视图。我要创建的布局是:

所以在我的情况下,我需要在 ViewPager 的视图中包含 FAB。我现在的问题是(在简化的应用程序中): https : //gfycat.com/VacantAdmiredBedlingtonterrier GIF 中的问题是 FAB 移出屏幕。它精确地移动工具栏的高度。

我想要的是 FAB 将保持在其位置,但在 viewpager 和视图中。

此视图的 XML 为:

如 XML 所示,FAB 不在滚动视图中,而是在 FrameLayout 内部,这将代表一个 ViewPager。

有什么方法可以让这个 FAB 保持在它的位置,但将视图保持在一个 viewpager 内?

0 投票
2 回答
5300 浏览

android - 修复了带有 CoordinatorLayout 的标题在滚动时显示阴影

经典的协调器布局为您提供以下[来源]协调器布局

但是,我不希望顶部标题视图滚动,直到它们“成为”固定在顶部的工具栏,下方有阴影。我希望它们全部固定(或固定),但要显示阴影,只有嵌套的滚动视图开始在固定的滚动视图下滚动。类似于 Marshmallow 设备上的主应用程序抽屉,“搜索栏”被固定,应用程序列表在其下方滚动。

希望我说清楚了。有没有什么简单的方法可以在不监听滚动事件并手动处理的情况下实现这一目标?

编辑

这是我想要实现的目标:

应用抽屉. 请注意,在右图中,由于用户滚动了列表,现在应用列表下方有一个阴影。

谢谢!

0 投票
1 回答
974 浏览

android - 如何在 CollapsingToolbar 中制作可滚动的 TextView?

我目前正在试验 CoordinatorLayout + AppbarLayout + CollapsingToolbarLayout 的方式是:

1) 使用“工具栏”[No Nested ScrollView / RecyclerView] 向下滚动 Appbar。

2)appbar下方的内容应该随着appbar的滚动而移动。

3) ViewPager 下保存多张图片。

4) ViewPager 中的最后一项是文本视图。

我使用以下布局实现了 1) 和 2):

我现在想要实现的是使 collpasingtoolbarlayout 内的 textview 可以滚动(上面的#4)。由于我到现在的搜索让我相信 Appbar 正在自己处理所有的触摸事件,这似乎并不容易。但由于这是一项要求,我很乐意得到指导/指示来帮助我完成这项工作。

有人可以让我知道在哪里寻找实现此功能的方法。

0 投票
1 回答
268 浏览

android - 工具栏被夹在系统栏下方

正如在互联网上发现的那样,我使用了一个半透明的系统栏、一个 CoordinatorLayout、一个 AppBarLayout 和一个工具栏。使用 NestedScrollView 滚动会将工具栏移动到顶部,系统栏下方,但会留下一些像素。这看起来很丑陋:

滚动了一些剩余的像素

所以这里有一些细节:

  • compileSdkVersion 23
  • 构建工具版本“23.0.3”
  • minSdkVersion 21
  • targetSdkVersion 23
  • 'com.android.support:appcompat-v7:23.4.0'
  • 'com.android.support:design:23.4.0'

款式:

布局:

顺便说一句:我需要使用这个 RelativeLayout / ImageView 组合来处理背景中的大图像,该图像也应该在系统栏下可见。对于这个问题,我只使用渐变......


好的,我将我的布局修改为:

现在看起来像这样:

工具栏太高

然后我尝试了很多变化的 android:fitsSystemWindows="true" ,但我无法在该系统栏下方获得该工具栏(没有系统栏变灰......)

0 投票
0 回答
351 浏览

android - 如何使用 coordinatorLayout 、 AppbarLayout 、 CollaspingToolbarLayout 创建这种类型的布局

任何人都请指导我如何制作这种类型的布局,我对此知之甚少。

它有

1> 浮动动作按钮

2> 1个ImageView在CollapsingToolbarLayout中使用到parallex

3>1 带有 ViewPager 的 TabLayout

我无法创建第二个 ImageView 及其相关文本和 FloatingButton 锚定的中间层布局。

这是布局 <

0 投票
1 回答
1603 浏览

android - 我的回收站视图中的最后一项被切断了,有人知道为什么吗?

这是我的布局 XML 文件,我需要刷新,recyclerview还有一个协调器布局,我将我的项目膨胀到这个recyclerview.

0 投票
2 回答
5114 浏览

android - 如何在 Android 的 collapsingtoolbarlayout 中添加带有标题的 ImageView

我正在使用CoordinatorLayout来获得这种效果这是 iOS 上相同应用的屏幕截图 这是布局代码。

这就是我得到的输出如何使用带有标题文本的图标。

在Java中

在此处输入图像描述

0 投票
2 回答
5839 浏览

android - 带有 NestedScrollView 和水平滚动 RecyclerView 的 CoordinatorLayout

我有一个带有 AppBarLayout 的 CoordinatorLayout,可以在滚动时折叠/展开工具栏。内容视图是一个带有 RecyclerViews(水平滚动)的 NestedScrollView 和一些没有滚动视图的其他视图。与 Airbnb 应用程序非常相似。

如果我在没有滚动视图的元素上滚动,则工具栏折叠/展开有效。但是,如果我在 RecyclerView 上执行滚动(垂直),则工具栏不会按预期工作。似乎 RecyclerViews 没有将滚动事件传递给 CoordinatorLayout。

0 投票
3 回答
611 浏览

android - 避免在 CoordinatorLayout 内的 ViewPager 内的底部视图中滚动

我有这个结构main layout

这是我在内部片段中使用的布局ViewPager

我想实现以下行为。这是AppBarLayout折叠时的屏幕截图:

在此处输入图像描述

如您所见,带有EditTextand的布局Button是可见的,但是当我向上滚动时它会消失。我尝试了自定义CoordinatorLayout行为,但它不起作用,因为它不是我的CoordinatorLayout. 我也尝试过更改match_parent为,wrap_content但它在LinearLayout.

在此处输入图像描述