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

对比状态栏文本/图标颜色(iOS13/Xcode11)

对比状态栏文本/图标颜色(iOS 13/Xcode 11)

基础概念

状态栏(Status Bar)是iOS应用界面顶部的一个区域,显示系统信息,如电池电量、网络连接状态、时间等。状态栏的文本和图标颜色可以根据应用的设计风格进行调整。

相关优势

  1. 提升用户体验:通过自定义状态栏颜色,可以使应用界面更加美观和一致,提升用户体验。
  2. 品牌识别:自定义颜色可以帮助用户更好地识别应用的品牌和风格。

类型

  1. 浅色模式:适用于明亮的环境,通常使用黑色文本和图标。
  2. 深色模式:适用于暗光环境,通常使用白色文本和图标。

应用场景

  • 在需要强调品牌色彩的应用中,可以通过自定义状态栏颜色来增强品牌识别度。
  • 在需要区分不同功能模块的应用中,可以通过改变状态栏颜色来提示用户当前所处的功能模块。

遇到的问题及解决方法

问题:为什么在Xcode 11中设置状态栏颜色没有效果?

原因

  1. 配置错误:可能是在项目的Info.plist文件中没有正确配置状态栏样式。
  2. 代码实现错误:可能在代码中设置状态栏颜色的方法不正确。

解决方法

  1. 检查Info.plist文件: 确保在Info.plist文件中添加了以下键值对:
  2. 检查Info.plist文件: 确保在Info.plist文件中添加了以下键值对:
  3. 或者:
  4. 或者:
  5. 代码实现: 在AppDelegate.swiftSceneDelegate.swift文件中设置状态栏颜色:
  6. 代码实现: 在AppDelegate.swiftSceneDelegate.swift文件中设置状态栏颜色:

参考链接

通过以上步骤,你应该能够成功设置和调整iOS 13中状态栏的文本和图标颜色。如果仍然遇到问题,建议检查是否有其他代码或配置冲突,并参考官方文档进行调试。

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

相关·内容

  • iOS——配适深色模式

    适配深色模式 苹果在iOS13中为iPhone引入了深色模式。那作为成为iOS程序员的我们也有事情做了,就是适配深色模式。...适配深色模式,我们主要关心就是颜色,图片,模糊效果。因为这三个方面比较容易和颜色进行绑定。...颜色 在iOS13以后,UIKit给我们提供了很多的动态颜色,以system开头的都是动态颜色,当我们给 UI 控件设置了动态颜色以后。 UI 控件就会自动的根据当前是否是黑暗模式展现出来对应的颜色。...purpleColor]; } }]; self.view.backgroundColor = color; (滑动显示更多) 除了这个API,我们还可以通过Xcode11...initWithEffect:effect]; effectView.frame = self.view.bounds; [self.view addSubview:effectView]; (滑动显示更多) 在iOS13

    1.6K10

    最新iOS设计规范七|10大视觉规范(Visual Design)

    色盲人可能无法区分某些颜色组合;而对比度不足会导致图标和文本与背景混合,使内容难以阅读。 系统颜色 iOS提供了一系列的系统颜色,可自动适应活动和可访问性设置的变化,如增加对比度和降低透明度。...您可能还会发现,在“黑暗模式”下启用“增加对比度”会导致黑暗文本和黑暗背景之间的视觉对比度降低。尽管有强视力的人可能仍然能够阅读对比度较低的文本,但对于视力障碍的人来说,此类文本可能难以辨认。...避免使用硬编码的颜色值或不适应的颜色。 确保颜色在两种模式下都具有足够对比度。使用系统定义的颜色可确保前景和背景内容之间的对比度。对于自定义颜色,目标是对比度为7:1,尤其是对于较小的文本。...文字颜色 鲜艳度可以帮助在深色背景上保持文本的良好对比度。 使用系统提供的标签颜色作为标签。初级、次级、三级和四级标签颜色会自动适应浅色模式和深色模式下的外观。 使用系统视图绘制文本字段和文本视图。...当你做出这个选择时,请考虑: 较厚的材质,可以为具有精细特征的文本或其他元素等提供更好的对比度 半透明可以通过对后台内容的可见,来帮助用户记住其上下文 iOS13还定义了标签、填充和分隔符的活力值,这些标签

    8.1K30

    APP设计实例解析,深色模式为什么突然就火了?

    苹果在2019年6月发布的iOS13中增加了“黑暗模式”,用户打开“黑暗模式”后,应用界面将会变为深色,随后Google Android 10的发布同样搭载“黑暗模式”。...此外,纯黑和纯白的高对比度也会造成视觉疲劳,因此微信的深色模式中,使用了浅灰色作为字体颜色,既能保持清晰显示,又降低了对比度,减轻了用户的阅读负担。...知乎在设计夜间模式时,知乎采用了主色调蓝色+深灰色的搭配,深蓝和灰色作为背景,展示出的效果既有强烈的对比,又摆脱了深色的压抑感。 与豆瓣不同,知乎的文本颜色选择了对比度更低的灰色,通过字重进行区分。...同样,由于背景颜色太深,导致百度网盘的文本和背景对比度太大,也存在难以阅读的情况,对于诵读困难症患者来说,在阅读时会感觉文字在旋转、模糊。...从上述APP设计案例中,我为大家总结了以下几点建议以作参考: 1.避免使用纯黑色; 2.避免使用高饱和度的颜色; 3.文本颜色选用高亮色,但不宜使用纯白; 4.做好情感化设计; 5.注意结构和层次感;

    1.9K50

    APP设计实例解析,深色模式为什么突然就火了?

    苹果在2019年6月发布的iOS13中增加了“黑暗模式”,用户打开“黑暗模式”后,应用界面将会变为深色,随后Google Android 10的发布同样搭载“黑暗模式”。...此外,纯黑和纯白的高对比度也会造成视觉疲劳,因此微信的深色模式中,使用了浅灰色作为字体颜色,既能保持清晰显示,又降低了对比度,减轻了用户的阅读负担。...知乎在设计夜间模式时,知乎采用了主色调蓝色+深灰色的搭配,深蓝和灰色作为背景,展示出的效果既有强烈的对比,又摆脱了深色的压抑感。 与豆瓣不同,知乎的文本颜色选择了对比度更低的灰色,通过字重进行区分。...同样,由于背景颜色太深,导致百度网盘的文本和背景对比度太大,也存在难以阅读的情况,对于诵读困难症患者来说,在阅读时会感觉文字在旋转、模糊。...从上述APP设计案例中,我为大家总结了以下几点建议以作参考: 1.避免使用纯黑色; 2.避免使用高饱和度的颜色; 3.文本颜色选用高亮色,但不宜使用纯白; 4.做好情感化设计; 5.注意结构和层次感;

    1.5K30

    IOS 越狱插件介绍与一点经验

    锁屏: 修改锁屏的时间显示方式,颜色,位置,增加显示天气,待办事项等功能。 插件名:Kalm简约锁屏 image.png 桌面图标: 桌面的图标更换,删除图标下方文字,调整图标大小,圆角程度等等。...插件名称:SnowBoard (安装了插件后,还需要再安装具体的主题) 推荐主题:Viola image.png 控制中心: 这个玩法也很多,可以增加一些奇奇怪怪的组件,还可以更改组件的背景颜色,并添加背景图片...自定义控制中心 image.png 我的因为不是很好看,这里是小苹果源的截图 设置: 对,设置也可以美化,虽然感觉意义不大就是了 233333 插件名称:BetterSettings image.png 状态栏插件...: 这个我觉得主要是对于异形屏的同学需要,一方面有屏蔽两边,还有给状态栏增加更多的一些功能。...可爱的阿斯托尔福酱 2333 插件名称:Astolfo Siri动漫背景 image.png 2.应用修改+功能增强 恢复3DTouch: IOS13对拥有3DTouch的机型也取消了。

    3.1K00

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

    从下面的对比图中,我们可以体会到两种设计语言的差异: Material Design 如果说拟真代表设计语言的一个极端,而扁平代表设计语言的另一个极端,那么Material Design则居于两者之间更偏右的位置...在每个调色板中,色调为500的颜色为基准色,其他颜色是基准色在不同色调(50-900, A100-700) 下的表现。 在右边的示例代码中,我们绘制了Material Design完整的调色板集。...你可以将鼠标移动到一个颜色上,查看其RGB值。...为文本、图标和分割线应用透明度 通过为文本设置透明度来表达文本的相对重要性: 对于深色背景的浅色文字,最重要的文本使用87%的透明度,次重要的文本使用54%的 透明度。...工具栏和状态栏 工具栏和大色块应当使用调色板中色调为500的颜色为基准色。状态栏应当选择 调色板中比基准色略深的色调为700的颜色。

    96610

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

    从下面的对比图中,我们可以体会到两种设计语言的差异: ?...在每个调色板中,色调为500的颜色为基准色,其他颜色是基准色在不同色调(50-900, A100-700) 下的表现。 在右边的示例代码中,我们绘制了Material Design完整的调色板集。...你可以将鼠标移动到一个颜色上,查看其RGB值。...为文本、图标和分割线应用透明度 通过为文本设置透明度来表达文本的相对重要性: ? 对于深色背景的浅色文字,最重要的文本使用87%的透明度,次重要的文本使用54%的 透明度。...工具栏和状态栏 工具栏和大色块应当使用调色板中色调为500的颜色为基准色。状态栏应当选择 调色板中比基准色略深的色调为700的颜色。

    1.3K30

    iOS13微信收款到账语音提醒开发总结

    随着WWDC2019后推出了iOS13系统,苹果已不再允许将PushKit应用在非Voip语音通话的场景上,开发者必须在接入CallKit的情况下才能使用PushKit。...一、背景 随着苹果爸爸在WWDC2019发布了新的iOS13,两年前的这篇微信iOS收款到账语音提醒开发总结方案已经不再适用,具体的原因是iOS13中(准确的说是使用XCode11编译)苹果不再允许PushKit...在iOS13中,苹果比以往更关注用户的隐私以及设备的电池续航问题,所以对PushKit的能力进行了收拢。...这篇文章总结了在iOS13下的语音播报迁移方案以及一些需要注意的问题。目前微信的7.0.10版本已经带上了这部分的特性。...apns的payload中携带了需要合成的文本内容,通过离线语音合成库生成wav音频文件后,将文件写到AppGroups的Library/Sounds文件夹下,最后更改UNNotificationSound

    5.9K60

    Flutter深入分析状态栏图标适配

    1.前景 一个优秀的应用程序,往往各个方面或者UI深得用户的喜爱,状态栏图标也是其中的确定因素之一,当你的AppBar使用着暗色调的颜色,并且状态栏图标又使用着黑色主题的图标时,不得不被用户疯狂吐槽,从而导致用户的留存度下降...,下面,我们来实现状态栏图标的适配,让你们开发的应用增添一下色彩!...2.使用方法设置 1.暗色调状态栏图标 //设置暗色调状态栏图标 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle...,但下次重绘,如果能拿到layer里面存储的设置状态栏/导航栏信息时,会重新覆盖,也就是这个原因,导致了文本中1.4的问题,好了,今天的文章就到这里了哦,对看到这里的小伙伴说:谢谢观看!...5.滚动列表颜色改变状态栏图标 ?

    2.9K20

    苹果iOS 13 新设计规范全面解析

    很多小伙伴都特别想对iOS13的全新设计规范有一个全面的了解。...您可能会在深色背景上找到暗文本不易辨认的地方。您可能还会发现在暗模式下启用“增加对比度”会导致暗文本和深色背景之间的视觉对比度降低。...尽管具有强烈视力的人仍然可以阅读较低对比度的文本,但对于有视力障碍的人来说,这样的文本可能难以理解。请务必注意。...避免使用让人们难以察觉应用内容的颜色:例如,色盲人可能无法区分某些颜色组合,而对比度不足会导致图标和文本与背景混合并使内容难以阅读。有关指导,请参阅颜色和对比度。...确保所有外观都具有足够的色彩对比度:使用系统定义的颜色可确保前景和背景内容之间的对比度。 对于自定义颜色,目标是对比度为7:1,尤其是对于较小的文本。

    4.6K40

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

    在使用组件时,可使用较新的 Sketch 中的颜色选集功能一键更换。其中,orange 是 Sketch 主题色,颜色鲜亮、且在界面设计中出现较少,故而大部分组件默认颜色为 orange。...在搭配文字时,建议灵活选用文字颜色,以便达成较高的对比度和较好的观看效果。 字体 组件库主要采用24、16、14三种文字尺寸。建议说明性的文字采用14号字,regular 字重,regular 颜色。...其中,如果文本框设置为自动宽度,则组件可根据文字内容的增多横向延伸。如果设置为自动高度,则组件的横向宽度可以手动调节,纵向高度由文字内容的多少决定。...Icon 图标网格 用于在绘制成组图标时,控制图标的大小和比例关系。此处网格分两种,左侧为32x32,右侧为24*24(此处为观看方便,进行了放大,非真实大小)。...iPhone 包含 iPhone 状态栏和主屏指示器。状态栏具体有 iPhone 8、iPhone 13 mini、iPhone 13、iPhone 14 四种尺寸。

    78130

    Android经典实战之用WindowInsetsControllerCompat方便的显示和隐藏状态栏和导航栏

    主要功能 1、 显示和隐藏状态栏、导航栏: 使用 WindowInsetsControllerCompat,你可以轻松地控制状态栏和导航栏的显示与隐藏。...3、 设置系统窗口插入的样式: 例如,可以设置状态栏和导航栏的亮色或暗色(浅色主题下的深色文本和图标,或者深色主题下的浅色文本和图标)。...同样,我们可以通过以下代码来显示状态栏和导航栏。...windowInsetsController.systemBarsBehavior = WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE 设置状态栏和导航栏的颜色样式...你可以设置状态栏和导航栏的颜色样式(亮色或暗色),以便在不同主题下提供更好的用户体验。

    30910

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

    如果背景图片的颜色和状态栏图标的颜色非常接近的话,那么的确会造成状态栏图标看不清楚的情况。 这里我举了一些沉浸式效果做得不太好的案例,具体是什么App我就不提了。...首先从技术层面进行分析,要解决这个问题,无非就是需要将背景图颜色和状态栏图标的颜色区分开。...Android系统其实给了我们API来控制状态栏图标的颜色,但是只能设置成黑、白这两种颜色,而不可以将状态栏图标改成五颜六色的样子。...好了,现在有了这个法宝来控制状态栏图标的颜色,那么接下来的问题就是,什么时候应该显示白色的状态栏图标?什么时候应该显示黑色的状态栏图标?...比方说我们本篇文章是要解决状态栏图标的问题,那肯定就要去解析手机状态栏那个区域的颜色值,其他区域的颜色值对我们来说没有意义。

    1.5K10

    Android状态栏颜色修改

    前言 Android 4.4(API 19)之后,就提供了修改状态栏颜色的方法,但是在 Android 6.0(API 23)之后,才支持修改状态栏上面的文字和图标颜色,默认是白色的。...所以会导致一个问题,在 4.4 到 6.0 之间的系统,状态栏设置为浅色的话,状态栏上面白色的文字和图标会看不清 有一些第三方的系统提供了设置状态栏和状态栏文字、图标颜色的方法,比如小米的MIUI和魅族的...Flyme,所以考虑了下比较好的实现方式是: Android 4.4 以上使用 SystemBarTint 修改状态栏颜色; Android 6.0 以上使用系统方法修改状态栏字体、图标颜色; Android...4.4 到 6.0 之间使用第三方系统提供的方法修改状态栏字体、图标颜色(目前只有 MIUI 和 Flyme)。...基于上面的思考,封装了设置 Android 4.4 以上系统状态栏颜色和状态栏字体、图标颜色的方法: 首先,需要引入 SystemBarTint 库: dependencies { implementation

    4.1K30
    领券