Android开发之Compose基础学习-BottomSheetScaffold之底部滑出菜单基本用法

最新推荐文章于 2024-06-27 23:16:11 发布
最新推荐文章于 2024-06-27 23:16:11 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： Compose学习 文章标签： android 学习 底部滑出菜单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiayiye5/article/details/125129689
版权
本文介绍了Android开发中使用Compose框架实现BottomSheetScaffold底部滑出菜单的基础用法，详细讲解了相关代码实现，帮助开发者理解和应用这一功能。
摘要由CSDN通过智能技术生成

再看代码

package com.xiayiye5.composefirst.components

/*
 * Copyright (c) 2022, 13343401268@163.com All Rights Reserved.
 * #                                                   #
 * #                       _oo0oo_                     #
 * #                      o8888888o                    #
 * #                      88" . "88                    #
 * #                      (| -_- |)                    #
 * #                      0\  =  /0                    #
 * #                    ___/`---'\___                  #
 * #                  .' \\|     |# '.                 #
 * #                 / \\|||  :  |||# \                #
 * #                / _||||| -:- |||||- \              #
 * #               |   | \\\  -  #/ |   |              #
 * #               | \_|  ''\---/''
最低0.47元/天 解锁文章
xiayiye5
关注
专栏目录
Compose UI 之 BottomAppBar 底部应用栏
VoidHope的博客
03-11 424
是一种比较特殊的应用栏，通常显示在屏幕的底部。它为用户提供了一个便捷的方式来访问应用的主要导航和功能。位于屏幕的底部。它适用于需要在屏幕上方显示主要内容的应用，如视频播放器、地图应用或阅读器等场景。上的项可以是图标或文本。这样允许用户快速访问应用的不同部分或执行特定操作。可与 FAB 协同工作。FAB 是一个突出的悬浮按钮，通常用于执行应用中最主要的操作，如创建新内容或开始新的任务。与ScaffoldScaffold提供了一个基本的布局结构，包括顶部应用栏、底部应用栏和内容区域。通过可以将。
compose——底部弹窗BottomSheetScaffold和ModalBottomSheetLayout
wy313622821的博客
09-19 2803
ModalBottomSheetLayout 是 Jetpack Compose 中的一个组件，用于创建底部弹窗。它可以在屏幕底部显示一个半透明的背景，并从底部滑出一个内容面板。ModalBottomSheetLayout 包含两个主要部分：背景和内容面板。
android compose 底部弹框
eshi999的博客
04-02 550
compose 底部呼出弹框
Android开发系列（十二）Jetpack Compose之BottomSheet
最新发布
06-27 493
BottomSheet 是 Android 中一个常用的 UI 组件，它通常用于显示从屏幕底部弹出的用户界面。Jetpack Compose 中也有一个名为 BottomSheet 的组件，它可以用来实现类似的功能。当点击按钮改变showBottomSheet为true是，这是才执行ModalBottomSheet开始底部弹窗，当用户用手向上滑动时，弹框会向上伸张，当用手向下滑动时，弹框会慢慢消失。BottomSheet 是一个可滚动的面板，可以从屏幕底部弹出，显示额外的内容。执行效果如下图所示。
Android Jetpack Compose - 探索 BottomSheet
江小白的博客
06-27 1534
在 Material Design 中，底部抽屉是一种从屏幕底部滑出的面板，可以用来显示内容或者提供与用户相关的操作。在 Compose 中，我们可以使用来创建底部抽屉。提供了一些参数，可以用来自定义底部抽屉的外观和行为。: 底部抽屉的海拔高度。sheetShape: 底部抽屉的形状。: 底部抽屉的背景颜色。: 底部抽屉的内容颜色。scrimColor: 遮罩层的颜色。@PreviewText(text = "这是底部抽屉的内容",Modifier.padding(16.dp))){
android——compose底部导航栏、顶部toolbar、悬浮按钮floatingActionButtonPosition、Scaffold、完美的底部导航栏，顶部状态栏高度
wy313622821的博客
03-26 2176
如果是按照以前老版本xml的方式来实现：底部导航栏、顶部toolbar、悬浮按钮floatingActionButtonPosition，代码会比较多而且很难懂，现在我们来看看使用神奇的compose来实现，效果图：是不是很简单，这样就可以了，谢谢观赏
Android Jetpack Compose之ModalBottomSheet的使用
江小白的博客
06-27 3089
是Jetpack Compose中的一个组件，它允许我们从屏幕底部弹出一个可交互的面板。它通常用于提供额外的内容或者功能，而且是一种更优的方式来展示内容，而不是使用全屏的对话框。Android Jetpack Compose是一个现代化的UI工具包，让开发者以声明式的方式来构建Android应用。是Jetpack Compose中的一个非常有用的组件。通过掌握它的使用方法，你可以在你的Android应用中创建出更好的用户体验。最后，我们在布局中添加了一个按钮，当点击这个按钮时，然后，我们创建了一个。
Android开发之Compose基础学习-DropDownMenu菜单控件的基本用法
xiayiye5的博客
11-07 899
【代码】Android开发之Compose基础学习-DropDownMenu菜单控件的基本用法。
Android开发之Compose基础学习-navigation页面跳转携带参数的基本用法
xiayiye5的博客
07-16 1961
代码】Android开发之Compose基础学习-navigation页面跳转携带参数的基本用法。
Android开发之Compose基础学习-AlertDialog弹框的基本用法-系统内置的弹窗
xiayiye5的博客
01-07 797
【代码】Android开发之Compose基础学习-AlertDialog弹框的基本用法-系统内置的弹窗。
Android开发之Compose基础学习-TabRow指示器的三种基本用法
xiayiye5的博客
11-04 1294
【代码】Android开发之Compose基础学习-TabRow指示器的三种基本用法。
Jetpack Compose中使用MD样式组件Scaffold及导航底部菜单的实现
金戈鐡馬
05-16 1433
Compose给我们提供了一个Material Design样式的首页组件(Scaffold),我们可以直接套用从而完成一个APP的首页界面由于Scaffold中还包含有其他的组件,所以讲解Scaffold先讲解前置的一些组件。
Android Jetpack Compose之底部导航栏的实现
知识应该共享，创造才应收费
02-01 3581
写过一段Android jetpack compose 界面的小伙伴应该都用过Compose的脚手架Scaffold，利用它我们可以很快的实现一个现代APP的主流界面架构，即一个带顶部导航栏和底部导航栏的界面架构，我们基于这个架构可以快速的搭建出我们想要的页面效果。而今天的文章就是要介绍如何实现一个有特点的底部导航栏。
Android Compose BottomSheetDialogFragment 展开折叠1/3效果
丿灬安之若死
04-27 525
【代码】Android Compose BottomSheetDialogFragment 展开折叠1/3效果。
Android 实现屏幕底部弹出Dialog
热门推荐
zhao_doubi的博客
09-08 2万+
Android 实现屏幕底部弹出Dialog 封装使用(本文作为开发中记录使用,请轻喷)日常开发中经常用到Dialog实现用户交互界面每次都要重写一个很麻烦(产品经理一言不合就要求弹窗)效果图 这个效果要的算是比较常见的了 package cn.touna.collection.view;import android.app.Dialog; import android.content.Conte
Android Compose Dialog唤起键盘后，键盘遮挡Dialog底部内容或者底部TextField顶起不完美的解决方法
City_Coder的博客
08-02 4312
Android Compose Dialog唤起键盘后，键盘遮挡Dialog底部内容或者底部TextField顶起不完美的解决方法
android官方底部dialog,Android Dialog从底部弹出和收回
weixin_30694389的博客
05-25 403
先上个大图！1541650702539.gif先创建anim文件夹，在文件夹中加入in_bottom.xml和out_bottom.xml进入和退出动画文件在in_bottom.xml文件写入：android:duration="300"android:fromYDelta="100%p"android:toYDelta="0"/>在out _bottom.xml文件写入：android:d...
Android Compose AlertDialog提示框控件
qq_41899289的博客
09-13 1796
@Composable fun AlertDialogDemo(){ val alertDialog = remember { mutableStateOf(false) } val dialog = remember { mutableStateOf(true) } Column(modifier = Modifier.fillMaxSize(),verticalArrangement = Arrangement.Center,horizontalAlignment = Alig.
Jetpack Compose - DropdownMenu
乐翁龙
01-06 3045
Jetpack Compose - DropdownMenu0、介绍1、属性一览2、使用示例3、版本更新4、未解决问题 Compose系列文章，请点原文阅读。原文，是时候学习Compose了！ 0、介绍 一个下拉菜单。菜单具有一个切换按钮，它是生成菜单的元素。例如一个图标，点击该图标可以触发菜单。 DropdownMenu的内容可以是DropdownMenuItems，也可以是自定义内容。 1、属性一览 【目前基于alpha09版本】函数如下： @Composable fun DropdownMen
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值