首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在迁移到Material Design主题后实现透明的状态栏?

在迁移到Material Design主题后实现透明的状态栏,可以通过以下步骤实现:

  1. 首先,确保你的应用程序使用了最新的Material Design主题库。你可以在Google的官方开发者文档中找到相关的指导。
  2. 在你的应用程序的主题文件中,添加以下代码来启用透明状态栏:
代码语言:txt
复制
<item name="android:windowTranslucentStatus">true</item>

这将使状态栏变为透明。

  1. 如果你想要在状态栏下面显示内容,例如一个图片或者背景颜色,你可以在你的布局文件中添加一个与状态栏高度相等的顶部填充。
代码语言:txt
复制
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="?android:attr/statusBarSize">

    <!-- 在这里添加你的布局内容 -->

</androidx.constraintlayout.widget.ConstraintLayout>

这将确保你的内容不会被状态栏遮挡。

  1. 最后,你可以根据你的需求自定义状态栏的颜色或者其他样式。你可以使用Window类的setStatusBarColor()方法来设置状态栏的颜色。
代码语言:txt
复制
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    Window window = getWindow();
    window.setStatusBarColor(ContextCompat.getColor(this, R.color.statusBarColor));
}

这将改变状态栏的颜色为你指定的颜色。

以上是在迁移到Material Design主题后实现透明状态栏的基本步骤。如果你想要更深入地了解如何使用Material Design主题和其他相关的开发技术,你可以参考腾讯云的移动开发服务和产品,例如腾讯云移动开发平台(https://cloud.tencent.com/product/mmp)和腾讯云移动推送(https://cloud.tencent.com/product/tpns)等。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Material Design 实战 之 第六弹 —— 可折叠式标题栏(CollapsingToolbarLayout) & 系统差异型功能实现(充分利用系统状态栏空间)

就表示该控件会出现在系统状态栏里; 2.2 在程序主题中将状态栏颜色指定成透明色; 在主题中将android:statusBarColor属性值指定成@android:color...Material Design 学习到此就告一段落了,具体可以参考 Material Design官方文档; 正文 ---- 可折叠式标题栏(CollapsingToolbarLayout) 顾名思义...,只不过这里要实现更加高级Toolbar效果,因此需要将这个主题指定提到上一层来。...这里除了将android:fitsSystemWindows属性设置好,还必须在程序主题中将状态栏颜色指定成透明色。...关于 Material Design 学习到此就告一段落了,具体可以参考 Material Design官方文档: ?

2.3K40

Material布局原则

原则 Material Design 指南通过源自印刷领域设计元素 – 例如排版、网格、空白、缩放、颜色,和图像 – 来建立层次结构和传达所要表达含义,并专注于带给用户沉浸式体验。...Material Design 采用来自印刷设计领域工具,基准网格和结构模版,通过重复视觉元素,结构网格以及跨平台和屏幕尺寸间距,促进不同环境下设计一致性。...这些布局可通过缩放来适应任何屏幕大小,这简化了创建可扩展应用过程。 纸片工作原理 在 Material Design 中,纸片物理特性被转移到了屏幕中。...应用背景类似于一张平坦、不透明质地纸片,应用行为也模仿纸片,可以改变大小、拖动及把多个纸片粘合在一起。 在本规范中,构成应用表面被成为材料或材料片。...应用之外元素,例如系统状态栏,和应用内容是分开,不会被视为材料。 更多关于材料细节,详见材料属性。 接缝 两片材料公共边缘被成为接缝。当通过接缝连接时,它们会一起移动。

1K40
  • Material Design Lite ,简洁惊艳前端工具箱

    Material Design Lite简介 本文主要介绍Material Design设计语言HTML/CSS/JS部分实现。   对应每一小节在线练习地址如下,大家可以去试试。...为文本、图标和分割线应用透明度 通过为文本设置透明度来表达文本相对重要性: ? 对于深色背景浅色文字,最重要文本使用87%透明度,次重要文本使用54% 透明度。...提示性文本,例如输入框、标签、被禁止文字等使用26%透明度。 对于浅色背景深色文字,最重要文本使用100%透明度,次重要文本使用70% 透明度,其他文本使用30%透明度。 3....工具栏和状态栏 工具栏和大色块应当使用调色板中色调为500颜色为基准色。状态栏应当选择 调色板中比基准色略深色调为700颜色。...在下面的示例中,左图工具栏和右图大色块,使用了indigo调色板中色调 500基准色;而两幅图顶端状态栏则使用了indigo调色板中色调700深色: ? 4.

    1.3K30

    Material Design Lite,简洁惊艳前端工具箱

    本文主要介绍Material Design设计语言HTML/CSS/JS部分实现。...为文本、图标和分割线应用透明度 通过为文本设置透明度来表达文本相对重要性: 对于深色背景浅色文字,最重要文本使用87%透明度,次重要文本使用54% 透明度。...提示性文本,例如输入框、标签、被禁止文字等使用26%透明度。 对于浅色背景深色文字,最重要文本使用100%透明度,次重要文本使用70% 透明度,其他文本使用30%透明度。 3....工具栏和状态栏 工具栏和大色块应当使用调色板中色调为500颜色为基准色。状态栏应当选择 调色板中比基准色略深色调为700颜色。...在下面的示例中,左图工具栏和右图大色块,使用了indigo调色板中色调 500基准色;而两幅图顶端状态栏则使用了indigo调色板中色调700深色: 4.

    94010

    CollapsingToolbarLayout使用

    CollapsingToolbarLayout 可以看到,Toolbar标题放大并在下方显示,当我们向上滑动列表时,顶部Header部分图片向上折叠隐藏,标题向上移动并缩小,同时以渐显式方式显示蓝色主题...,效果图中所示;contentScrim内容遮罩,上下滚动时图片上面显示和隐藏遮罩色,Toolbar位置背景色;通常这样设置:app:contentScrim="?...(不透明度),在0.0 ~ 1.0之间,默认值为0.5。...当设置为1.0,滚动列表时图片不会折叠移动; 代码实现: 关于CoordinatorLayout作为根布局容器如何协调子控件之间交互行为,可以参考上一篇文章,这里我介绍一下本例中几个新注意点。...示例源码我在GitHub上建立了一个Repository,用来存放整个Android Material Design系列控件学习案例,会伴随着文章逐渐更新完善,欢迎大家补充交流, 代码地址:github.com

    2.5K60

    Android 沉浸式解析和轮子使用

    实现方式为: 通过 FLAGTRANSLUCENTSTATUS 设置状态栏透明并且为全屏模式,然后通过添加一个与 StatusBar 一样大小 View,将View background 设置为我们想要颜色...粘性标签——这就是你设置了 IMMERSIVE_STICKY 标签时 UI 状态,用户会向内滑动以展示系统栏。半透明系统栏会临时进行显示,一段时间自动隐藏。...1.2 Android5.0 以上设置状态栏背景颜色 Android 5.0 是一个里程碑式版本,从Android 5.0 开始,Google 推出了全新设计规范 Material Design,并且原生控件就可以实现一些炫酷...如果在开发时候是通过设置主题方式设置,则需要在values-v21文件夹下添加如下主题,达到兼容目的 <style name="Theme" parent="Theme.<em>Design</em>.Light.NoActionBar...并且还可以在<em>主题</em>中使用属性,并且该<em>主题</em>需要放在 values-v23 文件夹下相应 Android6.0 以上才能生效: <style name="Theme" parent="Theme.<em>Design</em>.Light.NoActionBar

    3.2K10

    Android5.0以上实现透明状态栏方法(仿网易云界面)

    windowNoTitle" true</item <item name="android:windowTranslucentStatus" true</item </style 就能得到透明状态栏...,比较网易云音乐界面会发现网易云状态栏是全透明,而通过设置windowTranslucentStatus得到状态栏背景始终是半透明矩形。...所以状态栏颜色会比toolbar颜色深一点(Material Design状态栏颜色深一点 ? 状态栏和toolbar颜色是相同。 ? 为了达到同样效果,搜索了挺多方法,找到一段代码比较合适。...设置以后就实现了网易云音乐界面效果了。...WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); window.setStatusBarColor(Color.TRANSPARENT); } 以上这篇Android5.0以上实现透明状态栏方法

    1K40

    谷歌MD深色主题设计规范详解(附Sketch官方文件下载)

    作为目前最主流设计风格和主题规范之一,Material Design 深色主题设计规范非常值得参考学习。...在设计时候可以通过有透明白色叠加层来实现这种轻盈效果。 ? 元素越高,颜色相应就越浅、越明亮。 ? 通过表面的白色半透明层,控制透明度来让表面发生亮度变化。...品牌色 深色主题基准配色方案 Material Design 记住主题中包含了给深色主题全部色彩和色调。...使用 Material 色彩主题基准配色 ? Material Design 默认主题基准色 Material Design 深色主题基准色 报错颜色 报错颜色主要用来指示出错状况和状态。...Material Design 深色主题报错基准色为 #CF6679。 ?

    9.6K10

    Material Design Compoents 1.1.0

    Material Design Compoents 1.1.0 增加了 Material Theming,新组件、黑暗主题支持、等等 新功能: 所有组件都支持黑暗主题日期选择器(具有范围选择功能和提升可访问功能...出现了新规范、准则和新组件,来更好代表品牌同时保持了 Material 核心原则。MDC 目的是为开发者提供一个库,该库通过代码形式来实现这些组件和准则。...连同 Material Design 指南。MDC 可以立即使用 Material Dark 主题。...它以现有的 AppCompat DayNight功能为基础,因此不用从头开始实现它: 主题:现在所有的 MDC 主题都会有不同 DayNight 形式。...(colorSurface 和 colorOnSurface)在深色主题中区分可访问和不可访问一个重要方面是通过颜色之间有足够对比度!MDC 现在使用推荐颜色和不透明度来确保是这种情况。

    1.1K10

    Android 5.X 新特性详解

    与之前设计风格不同,这次Material Design 设计将Android 带到了一个全新高度,同时Google 在官网上推出了全新设计指南——全面地讲解了Material Design 整个实现规范与示例如下图所示...●大色块使用 Material Design 中用大量高饱和度、适中亮度大色块来突出界面的主次,并一扫AndroidX 系列Holo 主题沉重感,让界面更加富有时尚感和视觉冲击力。...2Material Design主题 首先来看看如何使用Material Design 主题Material Design 现在有三种默认主题可以设置,显示效果如图 所示。...通过如下所示代码,可以通过使用自定义Style 方式来创建自己Color Palette 颜色主题,从而实现不同颜色风格,显示效果如图。...下面这个例子,演示了如何通过加载图片柔和色调来改变状态栏和Actionbar 色调,代码如下所示。 通过以下方法来提取不同色调颜色。

    99630

    借助 Material You 动态配色丰富您应用

    Material Design 是 Google 打造、具有超强表现力和适应性设计系统,包含设计准则、组件和工具,助力实现用户界面设计最佳实践。...Material Design 3 在 Material Design Primary 颜色和 Secondary 颜色基础上,引入了 Tertiary 颜色和附加色槽,用于验证无障碍访问功能并保障显示和谐性...在本篇文章中,我们将为您展示更多有关 Material You 动态配色内容,包括动态配色是什么,以及如何在应用中实现它。 如果您更喜欢通过视频了解此内容,请 点击此处 查看。...不过,无论是使用动态配色,还是自定义配色,要将您 Android 应用迁移并使用 Material 3,您首先需要迁移到基础颜色或 M3 自定义方案来访问新 Token。...这一操作将更新颜色、排版和主题背景文件,更新代码您即可运行应用来查看组件映射新品牌主题背景。 使用动态配色 您可使用上述网页工具,预览基于源颜色或图像生成各种方案。

    2.5K30

    Android - 仿网易云音乐歌单详情页

    实现思路: 1、Activity设置自定义Shared Element切换动画 2、透明状态栏透明Toolbar,使背景图上移) 3、Toolbar底部增加和背景一样高斯模糊图,并上移图片(为了使背景图底部作为...,我们可以定制View过渡切换效果,这是Material Design中比较常见用法,Api21以上才有效。...这里向大家推荐郭霖大神一篇文章:Android状态栏微技巧,带你真正理解沉浸式模式,里面讲解了透明状态栏和沉浸式状态栏渊源和有关设置用法。...3、Toolbar背景图 仔细分析发现网易云音乐Toolbar背景其实显示是高斯模糊图底部,所以这里基本套路是Toolbar是透明,后面背景图取是高斯模糊图底部一部分。 ?...,其中如有需要还可以做些额外处理,当背景图不透明时切换标题等~ 参考资料 http://www.jianshu.com/p/37e94f8b6f59 https://github.com/pinguo-zhouwei

    1.4K10

    最能解决你痛点问题,也是你最需要,尽在Material Design 系列这篇

    问题 上次关于仿稀土掘金文章发出,我看到有人在微信后台跟我留言,也有人在github上给我提问题,大约问最多有三个问题。 原图是沉浸状态栏,你这个模仿效果图没有做到。...之前模仿效果图 ? 增强,修改,优化效果图 ? 解决方法 第一个问题 大致方法过程就是如下: 配置window各项参数,使状态栏透明 ? 设置根布局参数 ? 添加半透明矩形条 ?...第二个问题 以前毛玻璃效果,是我从网上找一个毛玻璃算法,然后搞出来,确实很慢,然后我在网上找更快加载速度算法,找来找去,网上都是那几种,最快也得白屏四秒,最后终于搞定了一个快,真的是脑子不灵活了...你去分析源码可以知道RecyclerView和NestedScrollView它们都实现了一个接口NestedScrollingChild,所以我们可以自定义ListView,实现NestedScrollingChild...这就是Material Design系列第六篇之《Android Material Design系列之CoordinatorLayout,CollapsingToolbarLayout等》。

    65080

    Android App Dark Theme(暗黑模式)适配指南

    此功能可让开发者快速实现深色主题背景,只需要在 style.xml 中应用主题中添加这一行代码 android:forceDarkAllowed="true" ,就可以完成自动适配。...使用 Material Design Components 进行适配 Material Design Components 不仅仅包含了各式各样组件,还完善了 Material Design 规范,...所以说不是用了 Material Design 组件就代表自己 App 遵循了 Material Design 设计规范,也更别说连这个规范都没看过的人,就一杆子打死说 Material Design...所以在使用 Material Design Components 进行适配时候,我们需要定义两种 theme,分别代表 light 和 night,通过分别定义两个主题中相同场景意义颜色属性来实现暗黑模式切换...而上一部分自定义适配则是,通过定义一份主题,在同一主题下通过控制 light 、night 两种颜色来实现切换。

    5.2K20

    Android5.0新特性-Material Design

    大色块使用 Material Desigin中运用了大量高度饱和、适中亮度大色块来突出界面的主次,并一扫Android4.X系列Holo主题沉重感,让界面更加富有时尚感和视觉冲击力 此外还有很多新设计风格...,悬浮按钮,聚焦大图、无框按钮、波纹效果等新特性 具体可参考 http://www.google.com/design/#resources 材料设计能做哪些工作 保证向后兼容性 使用材料设计主题...哈哈 速度那是必须快~ Material主题 Material Design现在有三种默认主题可以设置: @android:style/Theme.Material (dark version) @...通过如下代码,可以通过使用自定义Style方式来创建自己Color Palette 颜色主题,从而实现不同颜色风格。...RecyclerView 详见本人另一篇博客 RecyclerView完全解读 ---- 立体卡片CardView 详情请查看鄙人CradView使用 ---- 视图和阴影 Material Design

    58220

    Human Interface Guidelines —— 状态栏(Status Bars)

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中组件(顺便学学英语),以便今后在使用时候完全不虚...Status Bar出现在屏幕上边缘,并显示有关设备当前状态有用信息,时间,手机运营商,网络状态和电池电量。 Status Bar中显示实际信息取决于设备和系统配置。 使用系统提供状态栏。...人们期望状态栏在系统范围内保持一致。 不要用自定义状态栏替换它。 将状态栏样式与您app进行协调。...对状态栏内容进行遮挡。默认情况下,状态栏背景是透明,允许下面的内容显示。保持status bar可读,并不意味着它背后内容是交互式。...·在status bar后面显示自定义图像,渐变色或纯色。 ·在status bar后面放置一个模糊视图。 考虑在显示全屏媒体时暂时隐藏status bar。

    82460

    Material Design初露锋芒之复杂视图轻松实现

    为什么一定要学习Material Design? 许多程序员有这样疑问:现有的知识能满足工作需要了,为什么还要费劲去学习Material Design?...那么我可以告诉你,Material Design大大节约了UI上开发时间,而学会她(满足日常使用)只需花一点点功夫。...传统解决方案 传统解决方案主要需要解决这些问题: 1.头部图片与标题栏伸缩协调; 2.标题栏与状态栏沉浸式协调及版本适配; 3.滚动视图事件冲突。...设定该主题,会带来一些输入框问题,但是由于AppBar是在Fragment里面,如果在Activity里面的话直接设定为上面的主题就可以实现头部图片沉浸式了。...再来喵一眼,顺便点个喜欢关注什么~~ ? Material Design各个控件�自动协调 相关链接 本文Demo 30分钟入门Android Material Design

    91020

    android Material Design详解

    前言 我们都知道Marterial Design是Google推出全新UI设计规范,如果对其不太了解可以看下:Material design非官方中文指导手册 ,或者我前面几篇Material...Design译文,相比之前Google在Android Holo风格上平平淡淡表现不同,Material Design现在是被Google所比较重视。...在推出这门全新设计语言,Android上自家应用很快就使用Material Design全新设计了,Play商店,Google Map,Google+,比较新Inbox等;Web上视觉体验也是很...Material,最有帮助的当属这个了Material Design官方介绍了;IOS方面的Google应用也在慢慢推进中。...Design来设计App当然不仅限于这两个方面了,前面的Material Design译文已经清楚知道怎么去全面设计。

    2K90
    领券