如何使用JetpackCompose将元素锚定到BottomSheet？
Jetpack Compose是一种用于构建Android应用程序界面的现代工具包。它提供了一种声明式的方式来创建用户界面，使开发人员能够更轻松地构建交互式和动态的界面。
要将元素锚定到BottomSheet，可以按照以下步骤进行操作：
- 首先，确保你的项目中已经引入了Jetpack Compose的相关依赖。
- 创建一个BottomSheet组件，可以使用
Scaffold组件来实现。Scaffold是一个布局容器，它提供了一个顶部栏和一个主要内容区域。 - 创建一个BottomSheet组件，可以使用
Scaffold组件来实现。Scaffold是一个布局容器，它提供了一个顶部栏和一个主要内容区域。 - 在BottomSheet的内容区域中，使用
Modifier.align()函数将需要锚定的元素与Alignment.BottomCenter对齐。 - 在BottomSheet的内容区域中，使用
Modifier.align()函数将需要锚定的元素与Alignment.BottomCenter对齐。 - 在这个例子中，我们使用了一个
Box组件作为容器，并将其宽度设置为最大宽度。然后，使用align()函数将其与底部中心对齐。 - 在锚定的元素中添加所需的内容，例如按钮、文本等。
- 在锚定的元素中添加所需的内容，例如按钮、文本等。
- 在这个例子中，我们在锚定的元素中添加了一个按钮，并为按钮添加了一个点击事件和一段文本。
通过以上步骤，你可以使用Jetpack Compose将元素锚定到BottomSheet。这种方法可以让你更灵活地控制界面的布局和交互，并提供了一种现代化的开发方式。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我正在使用BottomSheetScaffold显示一个BottomSheet。}, MyMainContent()) 现在，我想在工作表上方显示元素，当展开或关闭工作表时，这些元素将会移动。元素不是FloatingActionButtons。 有没有我可以用的修饰语？这可以通过Box布局来实现吗?有没有一些CoordinatorLayout模式？我需要写我自己的布局吗？总而言之:
浏览 55提问于2021-07-09得票数 1
我有FrameLayout (teaserContainer)和BottomSheet (invitesContainer)。FrameLayout在BottomSheet的外部(和上面)。我希望FrameLayout收缩并遵循BottomSheet，这样FremeLayout就会随着BottomSheet的扩展而崩溃。我希望当BottomSheet (invitesContainer)完全展开时，FrameLayout (teaserContainer)应该占据屏幕的其余部分，直到工具栏。将</
浏览 1提问于2018-11-07得票数 1
回答已采纳
我在我的应用程序中有一个问题，我有一个BottomSheet，我正在添加一个FAB，FAB应该总是在BottomSheet的顶部，所以我在FAB中添加了一个底边距，问题是一旦BottomSheet扩展，FAB就会锚定到bottomsheet，而没有初始的底边距。我如何才能使FAB始终处于领先地位？" android:focusable="true&q
浏览 16提问于2021-08-09得票数 1
回答已采纳
我正在尝试像Google Maps那样将FAB按钮附加到BottomSheet视图。android:src="@android:drawable/ic_dialog_email" app:layout_anchorGravity="bottom|end"
app:elevation="4dp&q
浏览 0提问于2016-05-01得票数 9
我正在尝试编写一个javascript脚本，在必要时动态地将元素锚定到页面的底部。thebox.style.left = ''thebox.style.bottom = ''
当我想要将元素锚定在页面的顶部和右侧时，将调用此代码。问题是，如果元素最初锚定在页面的右侧，那么它只会<
浏览 0提问于2012-08-02得票数 0
我在屏幕上使用MaterialApp和Scaffold + SafeArea。在我尝试使用持久BottomSheet之前，一切都运行得很好。BottomSheet内容显示在SafeArea中，并显示在系统控件下，例如在iPhone X中。
我试图将BottomSheet内容包装在另一个SafeArea元素中，但是没有帮助。有没有办法在BottomSheet中使用与SafeArea相同的功能？如果是，那么是如何实现的？
浏览 2提问于2018-04-10得票数 17
1回答
我们知道， in JetpackCompose提供了一些的API。
但是，我没有找到任何方法/解决办法将内联到文本(除了使用AndroidView)。
浏览 8提问于2021-11-22得票数 6
回答已采纳
我尝试使用SwiftUI在屏幕底部水平布局两组标签("<<"，"<"，"^"，">"，">>"，"[]")和("M")，约束条件是("M")组在屏幕的右下角，("<<"，"<"，"^"，">"，">>"，"[]")组居中，使&qu
浏览 9提问于2019-11-22得票数 0
现在我需要添加一些控件元素，比如QLabel、QPushButton和QGraphicsEllipseItem。我认为，这不是问题。我发现了这个有帮助的页面。但是我如何将这个控件元素锚定到视图，或者更好地说，我如何不锚定它们呢？当我拖动QPixmap时，我不希望平显设备随QPixmap一起移出QGraphicsView。为了解决这个问题，我需要做些什么？
浏览 1提问于2010-09-10得票数 2
回答已采纳
我有一个CoordinatorLayout，其中有一个BottomSheet和一个ImageView。app:layout_anchor="@id/bottom_sheet"不管我的XML布局中的视图顺序如何，我总是得到相同的结果:我的ImageView很好地锚定在底部，但是锚点发生在图像的中心。我想知道如何才能让我的图像底部被锚定，而不是它
浏览 0提问于2019-06-04得票数 0
回答已采纳
我可以使用以下命令打开我的BottomSheetDialogFragment val bottomSheet = BottomSheetFragment()
bottomSheet.show(fragmentManager, "BottomSheet") 但它只打开显示一半的内容-我希望它在打开时扩展到整个屏幕的高度，而不需要拖动它。我环顾四周，似乎有一种方法是将BottomSheetBehavior状态设置为STATE_EXPANDED，但我还没有找到在Kotlin
浏览 53提问于2019-02-12得票数 9
回答已采纳
我想锚定一个snackbar到Android的本机底部导航栏。
默认情况下，在锚定一个Snackbar时，Snackbar将锚定在其父视图的底部边缘。但是，您可以使用Snackbar#setAnchorView方法使一个Snackbar出现在布局中的特定视图之上，例如，一个FloatingActionButton。如果您想在屏幕底部(如BottomAppBar或BottomNavigationView )的导航元素之上放置一个Snackbar，这
浏览 5提问于2020-05-10得票数 1
回答已采纳
我想要做的是将一个UI元素锚定到另一个元素的右侧，同时使其大小在X和Y方向上与父对象保持相对。 我能得到的最接近的结果是锚定到右侧并在Y轴上缩放，但当分辨率改变时，UI最终看起来是拉伸的。
浏览 31提问于2021-08-25得票数 2
1回答
Rails +引导浮动形式
、、、、
我试图使用Rails和Bootstrap实现一个“浮动表单”，如下所示：
有些单击将向rails后端生成AJAX请求。使用表单助手将rails对象和路径绑定到它。
很抱歉这么广泛，但我希望能得到关于<
浏览 2提问于2015-07-29得票数 1
2回答
将QML元素锚定到窗口
、、、
如何将元素锚定到窗口，以便在用户调整窗口大小时调整窗口大小？我想添加一个矩形来填充窗口中所有可用的空间，但是我还没有找到一种在qml文件中这样做的方法。到目前为止，我发现的所有示例都使用固定的宽度和高度，但这意味着当窗口的大小发生变化时，元素将保持其预设大小。
浏览 2提问于2013-02-20得票数 1
回答已采纳
1回答
我有一个布局，其中包含一个带有ScrollView和BottomSheet的CoordinatorLayout。当我将BottomSheet的状态设置为expanded时，BottomSheet会与ScrollView的内容重叠。我希望ScrollView的高度减少BottomSheet的高度。我如何才能做到这一点？谢谢!
浏览 8提问于2017-01-12得票数 1
2回答
我有一个附加组件，它绑定到页面上所有文本控件的onKeyPress事件。当输入一些文本时，我从内容脚本向附加脚本发送一条消息，这将显示一个带有一些数据的面板。这工作得很好，但面板的位置不正确。我想要定位到文本控件的面板。
Panel的show()函数将DOM元素放在它应该锚定的位置。但我不确定是否将DOM元素从内容脚本传递到附加进程。看起来我只能传递JSON可序列化的值。
浏览 0提问于2012-10-09得票数 1
我正在尝试使用支持库的BottomSheetDialogFragment来复制当您点击共享按钮时显示的标准表(见下文)。我如何实现类似的布局，在顶部有一个标题，在中心有独立可滚动的内容，但底部锚定的视图中的按钮始终保持在顶部。
浏览 0提问于2016-06-07得票数 3
在JetpackCompose镜像中，我们可以使用ImageBitmap、ImageVector或ImagePainter。在ImagePainter中，我们可以更好地控制要绘制的图像。因此，我们可以使用以下命令轻松地将ImageBitmap转换为ImagePicture val imagePicture = ImagePainter(imageBitmap) 但是如何将ImageVector
浏览 57提问于2021-02-07得票数 1
回答已采纳
我使用了BottomSheet，但不幸的是，我没有看到任何方法将BottomSheet锚定在ImageView的底部，我试图使用app:layout_anchor="@id/imageView"来实现它="top”android:transitionName=“iv_notice_image en19#app:layout_behavior="com.google.android.material.bottomsheet
浏览 0提问于2019-08-25得票数 0
回答已采纳
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
