开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

将iPhone X状态栏样式颜色更改为白色

可以通过以下步骤实现：

在你的iOS应用程序的AppDelegate文件中，找到application(_:didFinishLaunchingWithOptions:)方法。
在该方法中，添加以下代码：

if #available(iOS 13.0, *) {
    let appearance = UINavigationBarAppearance()
    appearance.backgroundColor = .white
    appearance.titleTextAttributes = [.foregroundColor: UIColor.black]
    appearance.largeTitleTextAttributes = [.foregroundColor: UIColor.black]
    UINavigationBar.appearance().standardAppearance = appearance
    UINavigationBar.appearance().scrollEdgeAppearance = appearance
} else {
    UINavigationBar.appearance().barTintColor = .white
    UINavigationBar.appearance().tintColor = .black
    UINavigationBar.appearance().titleTextAttributes = [.foregroundColor: UIColor.black]
    UINavigationBar.appearance().largeTitleTextAttributes = [.foregroundColor: UIColor.black]
}

这段代码首先检查设备的iOS版本是否为iOS 13或更高版本。如果是，它将使用UINavigationBarAppearance来设置导航栏的外观，包括背景颜色和文本颜色。如果设备的iOS版本低于iOS 13，则使用旧的方式来设置导航栏的外观。
在上述代码中，将backgroundColor属性设置为.white以将导航栏的背景颜色更改为白色。将titleTextAttributes和largeTitleTextAttributes属性设置为.foregroundColor: UIColor.black以将导航栏标题的文本颜色更改为黑色。
保存并运行你的应用程序，你将看到iPhone X状态栏样式颜色已成功更改为白色。

腾讯云相关产品和产品介绍链接地址：

相关搜索:Cordova iPhone X状态栏添加白色空栏 PWA上iPhone X上的白色状态栏当状态栏背景为白色时，将状态栏文本颜色更改为黑色如何在颤动中将状态栏颜色更改为白色，并将状态栏文本颜色更改为黑色？如何将WKWebview颜色更改为白色将MDI父颜色窗体再次更改为白色将WebView URL的文本颜色更改为白色将平滑导航背景颜色从白色更改为黑色是否将.icon-bar的颜色更改为白色？删除值时将输入背景颜色更改为白色如何将状态栏颜色更改为十六进制颜色？如何使用Bootstrap no css将文本颜色仅更改为白色我正在尝试将内部文本更改为白色悬停颜色如何使用gio js将地球颜色从黑色改为白色状态栏正在将颜色更改为'windowBackground‘，而不是使用'colorPrimaryDark’将样式背景颜色更改为用户选择的RGB值 QuillJS颜色选择器将内联样式更改为类如果项大于3，BottomNavigationBar()和BottomNavigationBarItem()会自动将颜色更改为白色将X轴值的颜色更改为多颜色值- Chart.js css一个接一个地将图标颜色从白色更改为指定颜色

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

小程序.我还是不知道起什么名字

代码会将welcome页面中的所有text组件的字体更改为微软雅黑。那我们思考一个问题，假如现在有100个页面，而100个页面里几乎所有的字体都应该是微软雅黑。在100个页面里重复设置字体这并不是一个很好的解决方案。

02

设计师的好帮手，Sketch 设计工具箱

在设计过程中，我们常常需要对设计图进行说明、标注、记录想法、收集灵感、引用系统资源。然而，没有合适易用的工具，这些过程很容易让设计稿变得杂乱不堪。一段时间以后，如果要重新进行编辑或维护，一切都变得格外痛苦。

03

最新iOS设计规范七｜10大视觉规范（Visual Design）

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。本文是iOS设计规范系列第7篇，介绍视觉设计（Visual Design）。

03

iOS 设计规范

全局边距： 32px、30px、24px、20px（建议最小20px，边距数字选择偶数）

02

最新iOS设计规范三｜3大界面要素：栏(Bars)

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。

01

关于刘海打理这种事儿，美团点评的iOS工程师早就有经验了，不信你看！

背景 iPhone X 刘海机于9月13日发布，给科技小春晚带来一波高潮。作为开发人员却多出来一份忧虑，iPhone X 怎么适配？我们 App 的脑袋会不会也长一刘海出来？Tabbar 会不会被圆角

07

Android 透明状态栏(伪沉浸式)

而由于 Android API 的不同，需要考虑 4.4、5.0、6.0 前后的不同。

02

网易考拉 Android 通知栏适配全方案

由于历史原因，Android在发布之初对通知栏Notification的设计相当简单，而如今面对各式各样的通知栏玩法，谷歌也不得不对其进行更新迭代调整，增加新功能的同时，也在不断地改变样式，试图迎合更多人的口味。本文总结了Android 通知栏的版本迭代过程，在通知栏开发过程中所遇到的各种各样的坑，以及一些解决技巧，特别的，对于大众期盼的Android 8.0的到来，通知栏又会发生怎样的改变呢？接下来一一进行介绍。

01

一键切换亮色模式和暗色模式，用Figma搞定！

静电说：在本文中，我们将使用Figma来创建一个可以一键切换亮色模式和暗色模式设计的系统，非常简单快捷。同时，我们也可以在本文中学习到亮色模式和暗色模式在设计过程中的区别。本文来自Pixsellz。

01

移动端常用的meta总结

声明viewport视口 viewport对于移动端设备来说非常的重要，用于定义视口的各种行为。其中最为重要的就是要设定一个展示页面的宽度width=device-width，如果我们不设置的话，width默认的值是980PX，假设我们当前用的是IPHONE 5来访问H5页面，IPHONE 5本身的宽度只有320PX，但是设备定义了H5页面展示的区域宽度应该是980PX，这样的话要想把H5页面全部进行展示，只有整体缩小大约三倍或者让用户在320PX的区域中来回的挪动才能看全整个H5页面。这种方式用户的体验度会非常的差，所以我们设定width=device-width，意思是当前设备屏幕有多宽，那么就按照多宽来渲染页面，这样就不会出现需要靠缩小或者左右移动来看完整个页面了。

03

iOS状态栏使用总结

目录：一、状态栏与导航栏二、设置状态栏显隐与字体样式三、设置状态栏背景色四、启动页隐藏状态栏五、状态栏、导航栏相关的常用宏定义相关文章：iOS导航栏的使用总结一、状态栏与导航栏状态栏：显示时间、电池等信息导航栏：显示app页面标题，返回按钮等 iOS7之前：状态栏与导航栏是分开的； iOS7之后：状态栏与导航栏合在一起；导航部分总高度(64)= 状态栏高度(20) +导航栏内容高度((44） iPhoneX设备出现以后，状态栏的高度变为44，导航栏部分总高度(88) = 状态栏

03

小程序实战（三） - head组件的封装与使用

微信小程序的head一般是开发者通过在app.json来设置统一的样式，又或者在每个页面的json中对对应的页面进行设置

02

RN项目第一节

一、项目说明本项目为模仿美团的项目，采用的是网上提供的API接口。导航采用公司推荐的react-navigation，滚动条采用第三方组件react-native-scroll-tab-view

06

IOS13的详细适配

屏幕快照 2019-10-21 上午11.01.50.png 原因: 在iOS13中modalPresentationStyle的默认改为UIModalPresentationAutomatic,而在之前默认是UIModalPresentationFullScreen。

01

关于 Android 状态栏的适配总结

Android 5.0 及其以后版本：设置属性 View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN 使得我们的内容布局可以延伸到系统状态栏，然后直接使用方法 setStatusBarColor() 把系统状态栏设置成透明就好了。

02

android开发修改状态栏背景色和图标颜色的示例

本文介绍了android开发修改状态栏背景色和图标颜色的示例，分享给大家，具体如下：

02

关于H5+设置ios设备的状态栏背景的小问题

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

02

一个Android沉浸式状态栏上的黑科技

其实最开始的时候，我主要是因为工作上的原因想要在Android版的Edge浏览器上实现首页图片沉浸式的功能。

01

iPhone X 适配指南 (官方翻译版)

iPhone X iPhone X包括一个大型，高分辨率，圆形的边缘到边缘的显示器，提供了一个沉浸式，内容丰富的体验，从未像以前那样。屏幕尺寸在纵向方向上，iPhone X上的显示屏的宽度与iPh

05

Flutter 组件集录 | 全面认识 AppBar 组件 - 使用篇

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第 6 天，点击查看活动详情

01

全屏、沉浸式、fitSystemWindow使用及原理分析：全方位控制“沉浸式”的实现

状态栏与导航栏属于SystemUi的管理范畴，虽然界面的UI会受到SystemUi的影响，但是，APP并没有直接绘制SystemUI的权限与必要。APP端之所以能够更改状态栏的颜色、导航栏的颜色，其实还是操作自己的View更改UI。可以这么理解：状态栏与导航栏拥有自己独立的窗口，而且这两个窗口的优先级较高，会悬浮在所有窗口之上，可以把系统自身的状态栏与导航栏看做全透明的，之所有会有背景颜色，是因为下层显示界面在被覆盖的区域添加了颜色，之后，通过SurfaceFlinger的图层混合，好像是状态栏、导航栏自身有了背景色。看一下一个普通的Activity展示的时候，所对应的Surface（或者说Window也可以）。

04

【最新】iPhone X 交互设计官方指南

昨天凌晨，苹果公司发布了带刘海的 iPhone X，这需要 iOS 开发者针对其屏幕做新的适配，会后苹果公司发布了 iPhone X 的适配指南，下面是翻译稿，供大家参考。

02

iOS 知识小集（Status Bar变换）

iOS 中经常会有需要在某个界面改变状态栏颜色或者某个界面隐藏状态栏的需求。而改变状态栏颜色和控制状态栏显示和隐藏的API，在iOS 的不同版本中也发生了很多变化。

02

iOS13 关闭黑暗模式+状态栏显示问题解决方法

iOS13黑暗模式开启后，app显示会出现很多意外显示情况。暂时屏蔽是最好的选择。当开启黑暗模式，且在项目的target对应的info.plist中添加以下设置时（禁用黑暗模式）：

01

iPhone X的UI设计技巧

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。果粉们翘首以待的iPhone X终于开始预售了！同样满怀期待的还有设计师和开发人员，他们将在iPhone X上看到他们的App了。苹果官方表示：iPhone X是智能手机的未来，而这个未来的风向标可能将会给UI设计师和开发人员带来一些小麻烦。作为一名UI设计师，我总结了一些在设计iPhone X App时有效的技巧供大家参考： 1. 使用正确的iPhone X画板尺寸与之前的iPhone不

04

iPhone X 适配手Q H5 页面通用解决方案

移动端常见问题解决方案

通常当你在手机上长按图像 img ，会弹出选项存储图像或者拷贝图像，若不想让用户这么操作，可以设置方法来禁止：

01

颜色革命（下）

上篇说到，对于移动端产品的设计，主要集中在品牌主色的运用以及品牌Logo形象的运用。

03

wp和uwp_uwp wpf

3.将Windows Mobile Extensions for the UWP添加进项目中

03

Android状态栏白底黑字的示例代码

之前公司项目UI改版的时候，把大部分标题栏都设计成了白色，给我们的设计图是这个样子的：

02

手机QQ空间iPhone X适配总结

自去年9月12日苹果发布会发布iPhone X之后，新颖的设计虽然引来不少骂声，但也给iOS设计和开发者带来了新的挑战，本文总结了iOS QQ空间对iPhone X适配过程遇到的问题和解决手段。

03

iOS状态栏设置

这两种方式是根据UIViewControllerBasedStatusBarAppearance也就是View controller-based status bar appearance的值的不同有相应的设置

01

两步设置状态栏字体颜色

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/48297207

01

Flutter 透明状态栏及字体颜色的设置方法

注：设置AppBar之后，单独在build内设置这行代码会失效 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light);

02

移动端web开发笔记

这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。 META相关

02

uni-app小程序开发常用配置项配置

https://uniapp.dcloud.net.cn/collocation/pages.html#pages

01

关于 Android 中的各种 Bar 和“透明状态栏”的一些知识

其实这篇主要是讲解适配状态栏的，在这其中可能有些读者对状态栏（StatusBar）、ActionBar、ToolBar、TitleBar有点混淆或者感觉很混乱，所以就有了这其中的内容。

01

2022 年的 CSS 全览

2022年将成为 CSS 最伟大的一年。无论是在功能还是合作浏览器的功能发布方面，合作目标是实现 14 个功能。

02

HTML head 头标签总结

HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的 head 头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的 head 中各个标签、元素的意义以及使用场景。 DOCTYPE DOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 h

07

兼容 - 纯代码完美适配 iPhoneX

本文主要针对适配 iPhoneX列出一些关键点，仔细阅读可完美适配 iPhoneX，其中还有一些是适配 iOS11的，话不多少，开始正餐。

02

六天完成一个简单iOS App - 第二天

第二天任务：项目主框架搭建完毕后，就可以从各个模块入手完成项目，这里从最简单的关注模块开始。关注页面的搭建登录界面的搭建方法抽取与知识点总结一. 关注页面的搭建关注页面我们这里只做未登录的

05

[ISUX译]iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

文章索引 4.1.1 状态栏 4.1.2 导航栏 4.1.3 工具栏 4.1.4 工具栏与导航标准按钮 4.1.5 标签栏 4.1.6 标签栏标准图标 4.1.7 搜索栏 4.1.8 范围栏 4.2.1 活动 4.2.2 活动视图控制器 4.2.3 集合视图 4.2.4 容器视图控制器 4.2.5 图片视图 4.2.6 地图视图 4.2.7 页面视图控制器 4.2.8 浮出层 4.2.9 滚动视图(Scroll View) 4.2.10 分栏视图控制器 4.2.11 表格视图 4.2.12 文本视图 4.2

05

安卓的切图规范

很多UI设计师做APP切图都会有两套，一套是Android的，一套是IOS的。IOS我这边暂不作讲解，因为我本人也不是开发IOS。这里整理一下我在Android开发中总结的一些有利于本人开发的一些资源图片命名规则，并将其中有价值传播给大家。（PS：本人有时拿到UI切图，看到名称确实是不知道这个图是用来干嘛和放在哪里的，还得跑过去问UI。。所以，一个好的命名规则可以让我们开发节省不少的时间。）

02

http请求发生了两次：options请求分析，移动端开发样式重置

包括OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE和CONNECT等八种请求方式。其中，get与post只是我们常用的请求方式。

00

Android状态栏颜色修改

Android 4.4（API 19）之后，就提供了修改状态栏颜色的方法，但是在 Android 6.0（API 23）之后，才支持修改状态栏上面的文字和图标颜色，默认是白色的。所以会导致一个问题，在 4.4 到 6.0 之间的系统，状态栏设置为浅色的话，状态栏上面白色的文字和图标会看不清

03

微信小程序项目小点一

在微信小程序中，自定义导航栏的颜色可以在app.json的window里面添加navigationBarBackgroundColor属性。

02

如何在Mac上轻松更改Finder的外观

macOS Finder是一个方便的实用程序，但是如果您自定义外观，它可能会为您提供更好的服务。这里有一些改变Finder外观的技巧！

00

Office界面

那我先放一篇最最基础的Office界面介绍吧.这是一切的基础,记住了这些,以后就可以尴尬而不失礼貌的问大神们问题了,因为知道这些大神们才好准确的定位你的问题.

02

Android系统更改状态栏字体颜色

原文地址：http://blog.isming.me/2016/01/09/chang-android-statusbar-text-color/，转载请注明出处。随着时代的发展，Android的状态栏都不是乌黑一片了，在Android4.4之后我们可以修改状态栏的颜色或者让我们自己的View延伸到状态栏下面。我们可以进行更多的定制化了，然而有的时候我们使用的是淡色的颜色比如白色，由于状态栏上面的文字为白色，这样的话状态栏上面的文字就无法看清了。因此本文提供一些解决方案，可以是MIUI6+,Flyme4+

06

android 设置标题栏背景颜色_状态栏菜单栏都在哪

android中沉浸式状态栏的文章已经满大街了，可是在实现某些效果时，还是得各种搜索，测试一通后，最后还常常满足不了要求，即使好不容易在一部手机上满足了需求，放在另外一手机上，发现效果还各种不适配。今天把自己这几天学到的关于沉浸式状态栏知识进行总结下。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭