jetpack compose Android material3 实现隐藏手机状态栏，并实现组件铺满屏幕，到状态栏下方

最新推荐文章于 2024-04-21 05:13:31 发布
最新推荐文章于 2024-04-21 05:13:31 发布
阅读量786 收藏 8
点赞数 10
文章标签： android android jetpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43323894/article/details/135515518
版权
本文介绍了如何使用JetpackCompose在Android应用中，通过修改`Theme.kt`和调整`window.decorView.systemUiVisibility`属性，实现隐藏状态栏并使组件充满屏幕，直至状态栏下方。
摘要由CSDN通过智能技术生成

jetpack compose Android material3 实现隐藏手机状态栏，并实现组件铺满屏幕，到状态栏下方

1.实现隐藏手机状态栏

修改ui/theme下的Theme.kt文件
window.statusBarColor 等于自己想要的颜色，想要隐藏的话
设置 Color.Transparent.toArgb() 设置为透明
在这里插入图片描述

2.组件铺满屏幕

在oncreate()函数下，setContent前，修改 window.decorView.systemUiVisibility 等于

View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or View.SYSTEM_UI_FLAG_LAYOUT_STABLE

在这里插入图片描述

最终效果

在这里插入图片描述

菜鸟大数据应用
关注
  • 10
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
compose之沉浸式(侵入式)状态栏（隐藏状态栏）、设置状态栏背景颜色，和字体颜色
wy313622821的博客
07-16 2867
1、代码加入：WindowCompat.setDecorFitsSystemWindows(window, false)二、设置状态栏背景颜色，和字体颜色。
Android Jetpack Compose 沉浸式状态栏的实现
知识应该共享，创造才应收费
02-05 2770
说到沉浸式状态栏，很多小伙伴可能不太熟悉，其实让Android的状态栏的颜色和APP的主题颜色相同，给人感觉状态栏和APP就是一体的。沉浸式的状态栏让页面看起来更舒服，实现沉浸式状态栏也很简单，首先就是配置主题，然后设置状态栏的颜色，之前的博客中实现沉浸式状态栏是通过将状态栏的颜色设置成页面背景的颜色，这样状态栏就和背景融为一体了，但是这种办法在每个页面都需要设置一遍，非常废了，最好的 方式就是将状态栏设置成透明的颜色，然后将我们的页面"顶"到屏幕的顶部，而不是位于状态栏下面。
Android Jetpack Compose 沉浸式/透明状态栏 ProvideWindowInsets SystemUiController
热门推荐
杨迪龙的博客
08-03 1万+
Android Jetpack Compose 沉浸式/透明状态栏 ProvideWindowInsets SystemUiController前言代码解析添加依赖FitsSystemWindows透明状态栏内容不挡住状态栏完事 前言 从现在开始疯狂学习Jetpack Compose，经过一早上的研究带来第一篇文章，沉浸式/透明状态栏 代码 懒得看研究过程的朋友可以直接参考最终结果： import android.content.Intent import android.os.Bundle import
Jetpack Compose 实现沉浸式状态栏
weixin_51355264的博客
10-14 1212
Jetpack Compose 实现沉浸式状态栏
compose 切换横竖屏后自动隐藏状态栏
fproks的博客
04-20 470
compose 切换横竖屏后自动隐藏状态栏
关于Android系统隐藏导航栏的两种方法
qq_36823004的博客
04-26 8484
关于Android系统隐藏导航栏的两种方法 在NXP的imx6q和全志的A40I上试过 1.frameworks/base/core/res/res/values/dimens.xml中修改 <!-- Height of the bottom navigation / system bar. --> <dimen name="navigation_bar_height">48dp</dimen> <!-- Height of the bottom navig
JetpackCompose实现沉浸式导航条
delete_you的博客
02-09 581
快速通过依赖实现沉浸式导航条
jetpack compose 底部导航栏
08-17
Jetpack Compose是Android开发中的一个现代化UI工具包，它使得构建美观且高效的用户界面变得更加简单。在Android应用设计中，底部导航栏（Bottom Navigation Bar）是一个常见的组件，用于在多个主视图之间提供平滑的...
Android Jetpack Compose
fjnu_se的博客
12-15 2091
Android Jetpack Compose一.什么是Jetpack Compose二.关于Jetpack Compase的介绍Jetpack Compose的特点Jetpack Compose VS AndroidStudio 传统UI命令式UI特征声明式UI特征三.Jetpack Compose的使用开发环境@Compose组件预览工具四.Jetpack Compose入门添加文本元素定义可组合函数添加多个文本 一.什么是Jetpack Compose Android Developers官网是这样
Jetpack Compose 中在屏幕间共享数据的 5 种方案
川峰的博客
06-09 1902
Jetpack Compose 中在屏幕间共享数据的 5 种方案，Jetpack Compose 中在屏幕间共享数据的 5 种方案，Jetpack Compose 中在屏幕间共享数据的 5 种方案，Jetpack Compose 中在屏幕间共享数据的 5 种方案，Jetpack Compose 中在屏幕间共享数据的 5 种方案，Jetpack Compose 中在屏幕间共享数据的 5 种方案，Jetpack Compose 中在屏幕间共享数据的 5 种方案，Jetpack Compose 中在屏幕间共享数据
Android Jetpack Compose 超快速上手指南，面试必备技巧
最新发布
2401_84102979的博客
04-21 897
长期以来，Android视图层次结构一直可以表示为界面微件树。界面更新方式是使用等函数遍历树，这种手动操纵视图的方式会提高出错的可能性。在过去的几年中，移动端已开始转向声明性界面模型，比如FlutterSwift UI，所以框架应该也是后续发展的一个方向。客观地讲，Compose 确实是一套比较难学的东西，因为它毕竟太新也太大了，它是一个完整的、全新的框架，确实让很多人感觉「学不动」，这也是个事实。那怎么办呢？学不动怎么办呢？如果你是因为缺少学习资料，而我正好薅到这本谷歌内部大佬根据实战编写的《
Compose Material 3 稳定版现已发布 | 2022 Android 开发者峰会
Android开发者
11-21 2926
作者 /Android 开发技术推广工程师 Gurupreet Singh首个稳定版 Compose Material 3 现已发布。借助此内容库，您可以使用 Material Design 3 (新一代 Material Design) 构建 Jetpack Compose 界面。立即开始在应用中使用 Material Design 3 吧！Compose Material 3https://...
compose 透明状态栏
github_35581409的博客
08-14 275
【代码】compose 透明状态栏。
android 状态栏透明_Android 开发技术周报 Issue#295
weixin_39612038的博客
11-27 146
新闻Android Generic项目让定制ROM在PC上更容易安装[1]Android Auto获得更新 彻底改变了设置菜单使之更容易体验[2]Android UI开发框架Jetpack Compose进入Alpha测试阶段[3]教程重要变更 | Android 11 中的软件包可见性Android 中的卡顿丢帧原因概述 - 方法论Android Material 组件 1.2.0 现...
Jetpack Compose中的状态栏适配（Window Insets）
金戈鐡馬
06-02 2291
可以直接在布局中用上, 就获取了应该有的padding, 比如statusBarPadding是top, navigationBarsPadding是bottom.这都不用开发者自己想.或者更直接地用自己获取想要inset类型的相关尺寸.设置合理的bottom padding: 在哪里设置, 需要设置多少.让View主动bring自己到可见位置.Insets库里还提供了键盘随着滚动消失和出现的例子. 感兴趣可以看下.获取各种insets信息然后用提供.
Material Design 最全解析_3 主题Theme
Maybe
06-27 4911
概述前两篇文章讲了概述和设计，从这篇文章开始正式讲Material Design在实际开发中的应用。 开发人员的重点来了！先看一下大纲对于开发人员，Android21新增了许多新控件和新特性，这些控件和特性都是基于Material Design的设计理念的，无论是设计感还是用户体验，都非常的赞！这篇文章先来看看1主图Theme主题和布局Material提供了下面三种主题 - @android:
Compose状态栏的一些尝试记录（一）
weixin_45677723的博客
07-15 373
代码】Compose状态栏的一些尝试记录。
Android高级-Material Design交互设计-沉浸式和CardView的分析和兼容原理
u013815832的博客
12-05 399
Android的沉浸式是从Android4.4开始的 有三种方式可以设置沉浸式：一种是设置Style,一种是代码的方式，还有一种是布局里添加占位状态栏 Style <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. -...
Jetpack Compose 魔法之旅：解锁全屏奇迹的 enableEdgeToEdge 函数
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
01-31 2940
Jetpack Compose，不仅仅是技术，更是一场关于用户体验美学的探索。而其中的 enableEdgeToEdge 函数，则是打破屏幕边界的奇迹创造者。本文将详细解析这一函数的语法、示例代码及呈现的画面效果，并深入讨论在应用过程中的实用注意事项、场景应用、优劣势等方面，引导开发者在 Jetpack Compose 的世界里，如何轻松打造引人入胜的全屏体验。Jetpack Compose 中的全屏显示，不仅使布局更为简约，更让用户感受到身临其境的沉浸感。
Jetpack Compose 组件androidx.compose.material3.Button点击和长按同时监听代码示例
04-30
好的，关于Jetpack Compose 组件androidx.compose.material3.Button点击和长按同时监听代码示例，可以参考以下示例代码： ``` import androidx.compose.foundation.ExperimentalFoundationApi import androidx.compose.foundation.background import androidx.compose.foundation.gestures.detectTapAndLongPress import androidx.compose.foundation.layout.* import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.text.KeyboardOptions import androidx.compose.material.* import androidx.compose.runtime.* import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.input.pointer.pointerInput import androidx.compose.ui.text.input.KeyboardType import androidx.compose.ui.unit.dp import androidx.lifecycle.viewmodel.compose.viewModel import com.example.myapp.viewmodel.CounterViewModel import kotlinx.coroutines.launch @ExperimentalFoundationApi @Composable fun ButtonClickListener() { val scaffoldState = rememberScaffoldState() var counterViewModel = viewModel<CounterViewModel>() Scaffold( scaffoldState = scaffoldState, modifier = Modifier.fillMaxSize(), content = { Column( modifier = Modifier .padding(top = 10.dp, start = 16.dp, end = 16.dp) .fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally ) { Text(text = "点击或长按按钮可触发计数") Spacer(modifier = Modifier.height(16.dp)) MyButton( onClick = { counterViewModel.incrementCount() }, onLongClick = { counterViewModel.decrementCount() } ) Spacer(modifier = Modifier.height(16.dp)) Text( text = "当前计数：${counterViewModel.count}", style = MaterialTheme.typography.h4 ) } }, bottomBar = { BottomAppBar(cutoutShape = RoundedCornerShape(topStart = 16.dp)) { IconButton(onClick = { }) { Icon(Icons.Default.Save, contentDescription = "Save") } Spacer(Modifier.weight(1f, true)) IconButton(onClick = { }) { Icon(Icons.Default.Share, contentDescription = "Share") } } } ) } @ExperimentalFoundationApi @Composable fun MyButton(onClick: () -> Unit, onLongClick: () -> Unit) { Surface( modifier = Modifier .padding(16.dp) .pointerInput(Unit) { detectTapAndLongPress(onLongClick = onLongClick, onTap = onClick) }, shape = MaterialTheme.shapes.small, color = MaterialTheme.colors.primary ) { Text( text = "Click or long press me", style = MaterialTheme.typography.button, color = Color.White, modifier = Modifier.padding( start = 16.dp, top = 8.dp, end = 16.dp, bottom = 8.dp ) ) } } ``` 这个示例使用了一个自定义的 MyButton 组件，通过 pointerInput() 来同时监听点击和长按事件，并在这两种事件发生时调用不同的回调函数。 另外，这个示例还使用了 Jetpack Compose 中的一些组件，如 Scaffold、Column、Text、BottomAppBar 等，并结合了 ViewModel 来管理计数器的状态，实现了点击或长按按钮可触发计数的效果。 希望这个示例能够对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值