问题标签 [bottom-sheet]

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 回答
11478 浏览

android - Android 支持 BottomSheetBehavior 附加锚定状态

我一直在我的应用程序中使用AndroidSlidingUpPanel库。使用自 23.1.1 以来的 Android 设计支持库版本,这破坏了我的布局中的一些内容。由于最新版本引入了BottomSheetBehavior,我希望替换 AndroidSlidingUpPanel 库并改用 BottomSheetBehavior 。但是,BottomSheetBehavior 只有 3 个状态,隐藏、折叠和展开(以及 2 个中间状态拖动和沉降)。AndroidSlidingUpPanel 还具有锚定状态,这是面板在折叠和展开之间捕捉到的状态。我怎样才能使用 BottomSheetBehavior 并获得这个额外的锚定状态?

例如,谷歌的地图应用程序就有这种行为。

隐:

折叠:

拖动(在折叠和锚定之间):

锚定:

拖动(在锚定和展开之间):

扩展:

当位置具有它们时,在锚定状态下,可选图像在地图上向上滑动会产生一些视差效果。当完全展开时,位置名称将成为操作栏标题。我最终也会对实现类似的东西感兴趣。

我的第一直觉是锚定状态实际上是展开状态,面板上方的空白区域仍然可见地图,是视图的透明部分。然后在锚定状态和展开状态之间的拖动只是滚动面板视图本身的内容。

这可以通过以下事实得到验证:在锚定状态下,您可以通过在面板上方滑动可见地图区域来继续向上滚动面板。从折叠状态向上滑动时,视图的这个不可见部分必须扩展到其区域(就像可选图像可见的那样),因为在折叠状态下无法从地图上滑动面板。我想我可以走这条路,但想看看那里是否有更好的方法。

0 投票
0 回答
1194 浏览

android - 持久底页中的对话框叠加层

是否可以在模态底页对话框中找到的持久底页上添加叠加层?我实现了一个底部表,其中有一个框架布局并进行了一些片段事务。

当它展开并按下后退按钮时,片段将从堆栈中删除。但是当我使用模态对话框时,对话框被关闭。

因此,我发现使用持久对话框会更好地完成这项工作,但我希望在表单未覆盖的屏幕区域上进行模态覆盖。

0 投票
2 回答
3502 浏览

android - android:bottomsheet不会正常消失

编辑:

单击浮动操作按钮“+”时,底页显示如下:在此处输入图像描述

这是 activity_task.xml 文件:

一切似乎都很好,但是当我单击底页上方时,它并没有像我预期的那样完全消失:

在此处输入图像描述

怎么了?

0 投票
0 回答
397 浏览

android - BottomSheet 触控区域占据整个屏幕

我已经在我的视图中添加了一个底部工作表,它可以正常工作,但是我可以拖动工作表的触摸区域占据了所有屏幕。视图代码看起来像这样

我想知道为什么会出现这种行为以及如何使触摸区域仅包括底页。

0 投票
1 回答
509 浏览

android - ViewPager 未显示在 bottomSheetDialog 上

ViewPager 未显示在 BottomSheetDialog 上。这是实现。

0 投票
1 回答
883 浏览

android - Google 的 BottomSheet 出现在屏幕顶部

我在设计库中使用 android 的新 BottomSheet。问题是我在 Fragment 中使用它,它导致它出现在屏幕顶部而不是出现在底部。

这是我的活动 xml:

这是我的片段 xml:

所以在用这段代码替换布局中的片段之后:

我添加此代码以在 FAB 单击状态下显示 BottomSheet。片段的Java代码:

问题是什么?我做错了什么?TnQ

0 投票
4 回答
11176 浏览

android - 禁用 BottomSheet 拖动

由于我的声誉点低,我无法发表评论。所以我扩展了这个问题: 禁用用户在BottomSheet上拖动

Ray W 提供的解决方案有效,但现在它通过在父视图(CoordinatorLayout)上滑动和拖动来扩展。

图片

在该图像中,如果我拖动“不需要的拖动区域”,BottomSheet 会向上滑动。如何过滤掉或停止不需要的视图上的触摸事件?

0 投票
1 回答
1787 浏览

android - 减少底部工作表的高度

我知道如何更改 Bottom Sheet 的高度。增加底片的高度没有问题。但是我不能用下面的代码降低它的高度。

有人遇到同样的问题吗?

0 投票
3 回答
17132 浏览

android - 带有移动浮动操作按钮的底页

我想使用支持库中的底页和两个浮动操作按钮(FABS),如图所示。关键是我还希望两个 FABS 与底片一起移动,如图 1 和图 2 所示。我必须使用的基本布局是什么以及如何使 FABS 粘在底片上?

图片1 图二

更新

基于Ruan_Lopes 的回答。

使用这种布局,我的 FABS 可以按我的意愿工作,但我仍然认为我做得不是很清楚。

我想知道是否可以用更正式的方式来做到这一点。

0 投票
4 回答
17540 浏览

android - 如何在底部工作表视图中添加阴影?

截至目前,来自 Android 设计库的官方底部表单组件已实现顶部边缘不显示阴影。但是对于我在各种模型和 Material Design 规范中看到的内容,底部表格包含某种离散的阴影。

我认为阴影将有助于远离主布局的底部工作表,特别是如果设置了 peek 值和/或底部工作表始终可见。否则它只会与主布局及其项目混合在一起。

我已经尝试过两者ViewCompat.setElevation(bottomSheet, 5);并设置android:elevation="5dp"为 XML 中的视图,但没有成功。

来自 Material Design 规范的底页示例