iOS 13的黑暗模式如何在iPhone和iPad上运行

桃扇骨 2021-07-26 19:59 443阅读 0赞

![iOS 13 Dark Mode Selection Screen in Settings][] Khamosh Pathak Khamosh Pathak

With [iOS 13 and iPadOS 13][], Apple is finally bringing a system-wide dark mode to the iPhone and iPad. This feature will work automatically with websites and supported apps as well. Here’s everything you need to know.

借助[iOS 13和iPadOS 13][iOS 13 and iPadOS 13] ，Apple终于为iPhone和iPad带来了系统范围的暗模式。 此功能将自动与网站和受支持的应用程序一起使用。 这是您需要了解的所有内容。

## 黑暗模式如何运作 **(**How Dark Mode Works**)** ##

The dark mode works using a toggle switch in Control Center. You can switch it on or off at any given time. All of Apple’s stock apps and the system UI supports the dark theme.

暗模式通过控制中心中的拨动开关工作。 您可以在任何给定时间打开或关闭它。 苹果公司的所有股票应用程序和系统用户界面都支持深色主题。

Apple has gone with a true dark mode. This means the background in most places in the UI is pitch black. On iPhones with OLED screens—that’s the iPhone X, XS, and XS Max—this has a two-fold effect.

苹果采用了真正的黑暗模式。 这意味着用户界面中大多数地方的背景都是黑色。 在具有OLED屏幕的iPhone(即iPhone X，XS和XS Max)上，它具有双重效果。

![iOS 13 Dark Mode Widgets and Home Screen][]

Firstly, the white text looks crisp on the pitch-black screen. Secondly, as the black background isn’t lighting up the pixels, you’ll end up saving a bit of battery life. iPhones and iPads with LCD displays—that’s all other iPhones aside from the X, XS, and XS Max, including the iPhone XR and iPhone X—will see no difference in battery life. But as most of the web usage revolves around websites with white backgrounds and colorful photos, most won’t see huge battery savings.

首先，白色文本在深黑色屏幕上看起来清晰。 其次，由于黑色背景没有点亮像素，您最终将节省一些电池寿命。 带有LCD显示屏的iPhone和iPad(除X，XS和XS Max之外，包括iPhone XR和iPhone X在内的所有其他iPhone)的电池寿命都不会改变。 但是，由于大多数网络使用情况都围绕着带有白色背景和彩色照片的网站，因此大多数人不会节省大量电池。

Apple has also added a new set of dynamic wallpapers that automatically change based on the dark mode and light mode. You’ll find them in the “Stills” section in the Wallpaper selection screen in the Settings app.

苹果还添加了一组新的动态壁纸，这些壁纸会根据暗模式和亮模式自动更改。 您可以在“设置”应用中“壁纸”选择屏幕的“静止”部分中找到它们。

## 如何启用暗模式 **(**How to Enable Dark Mode**)** ##

When you’re setting up your iPhone or iPad after upgrading to iOS 13 or iPadOS 13, you’ll see a new Appearance screen. Here, you can choose the “Dark” theme to enable the dark mode from the get-go.

在升级到iOS 13或iPadOS 13之后设置iPhone或iPad时，将会看到一个新的外观屏幕。 在这里，您可以选择“深色”主题以从一开始就启用深色模式。

But you can also switch between the dark and light mode at any time from the Control Center or from the Settings app. To switch using the Control Center, tap and hold or 3D Touch/Haptic Touch on the “Brightness” slider.

但是您也可以随时通过控制中心或“设置”应用在暗模式和亮模式之间切换。 要使用控制中心进行切换，请点击并按住“亮度”滑块上的或3D触摸/触觉触摸。

![Tap and hold on Brightness Slider in Control Center][]

From there, tap on the “Appearance” button.

从那里，点击“外观”按钮。

![Enable Dark mode from Control Center][]

To enable dark mode through the Settings app, go to the “Display & Brightness” section. Here you’ll see the Appearance option at the top of the menu.

要通过“设置”应用启用暗模式，请转到“显示和亮度”部分。 在这里，您会在菜单顶部看到外观选项。

![Enable Dark Mode from Settings][]

Below, you’ll find an “Automatic” toggle. Once enabled, you can set the dark mode to turn on automatically at sunset or during a custom time frame. Tap on the “Options” button to customize the schedule.

在下面，您会找到“自动”切换。 启用后，您可以将黑暗模式设置为在日落或自定义时间范围内自动打开。 点击“选项”按钮自定义时间表。

## 黑暗模式如何与网站和应用程序一起使用 **(**How Dark Mode Works with Websites and Apps**)** ##

[Just like in macOS Mojave][], the dark mode in iOS 13 and iPadOS 13 is universal. If a website supports CSS dark mode, Safari will automatically load the dark theme version for you (as you can see in the screenshots below).

[就像在macOS Mojave中一样][Just like in macOS Mojave] ，iOS 13和iPadOS 13中的暗模式是通用的。 如果网站支持CSS暗模式，则Safari会自动为您加载暗主题版本(如下面的屏幕截图所示)。

![Twitter in Light mode and Dark mode based on automatic switching in iOS 13][]

This feature is enabled by default. If you want to disable it, you can go to Settings > Safari > Advanced > Experimental Features and disable the “Dark Mode CSS Support” feature.

默认情况下启用此功能。 如果要禁用它，可以转到“设置”>“ Safari”>“高级”>“实验性功能”并禁用“暗模式CSS支持”功能。

The same goes for apps that have been updated for iOS 13 and iPadOS 13. When you flip the switch, apps will automatically switch to the dark mode. Once iOS 13 releases in fall 2019, we’ll have more details about how this exactly works and if it’s possible to override this system feature, forcing a particular app to always open in light mode.

对于已针对iOS 13和iPadOS 13更新的应用程序也是如此。当您按下开关时，应用程序将自动切换到黑暗模式。 iOS 13将于2019年秋季发布后，我们将详细介绍其工作原理以及是否有可能覆盖此系统功能，从而迫使特定应用始终以轻模式打开。

## iOS 13和iPadOS 13中的暗模式界面 **(**Dark Mode Interface in iOS 13 and iPadOS 13**)** ##

Apple has changed a couple of key interface elements to make them work with the dark mode. While it’s not exactly skeuomorphic, Apple brought back a few shadow and texture elements from the old iOS 6 days.

苹果已经更改了几个关键的界面元素，使其可以在黑暗模式下工作。 尽管并非完全是拟真的，但Apple从旧的iOS 6天起带回了一些阴影和纹理元素。

For example, when you open a panel in an app like App Store or Music, it slides on top of the current screen. You can still see the bottom layer where it isn’t covered.

例如，当您在诸如App Store或Music之类的应用中打开面板时，它会在当前屏幕上方滑动。 您仍然可以看到未覆盖的底层。

![iOS 13 Dark Mode Panels and Tabs With Shadows][]

In Safari, when you open the new Share panel, Apple fades the web page. When it comes to tabs, Apple now shows the difference between the selected and unselected tabs using depth. And to make things easier to read, Apple uses a true black color only for the background.

在Safari中，当您打开新的“共享”面板时，Apple将淡化网页。 在选项卡方面，Apple现在使用深度显示选定和未选定选项卡之间的差异。 为了使内容更易于阅读，Apple仅将纯黑色用于背景。

Overall, most interactive interface elements are actually a shade of gray. It’s this shade of gray that you’ll find across the system UI including in the background of notifications, widgets, and the Control Center.

总体而言，大多数交互式界面元素实际上都是灰色阴影。 您会在整个系统用户界面中找到这种灰色阴影，包括通知，小部件和控制中心的背景。

## 苹果股票应用中的黑暗模式 **(**Dark Mode in Apple’s Stock Apps**)** ##

Apple’s stock apps serve as an inspiration and framework for third-party developers. If we take a look at how Apple has implemented dark mode in their own apps, we’ll have an inkling of how third-party apps will adapt dark mode in the future.

苹果的股票应用程序为第三方开发人员提供了灵感和框架。 如果我们看一下苹果如何在自己的应用程序中实现了暗模式，那么我们将了解第三方应用程序将来将如何适应暗模式。

The Messages app is a great example of just how good the dark mode can look when implemented well. The true black background paired with the blue accent color in Messages works very well.

Messages应用程序很好地说明了实施得当的黑暗模式的外观效果。 真正的黑色背景与“消息”中的蓝色强调色配合得很好。

![iOS 13 Messages App in Dark Mode][]

## 欢迎来到黑暗面 **(**Welcome to the Dark Side**)** ##

Dark mode for iOS 13 and iPadOS 13 is a cumulation of design changes and tweaks that have taken years to perfect. What started with the Watch app has now spread across the entire operating system.

iOS 13和iPadOS 13的深色模式是对设计变更和调整的累积，这些调整和调整已花费了数年的时间才能完美。 从Watch应用程序开始的内容现在已经遍及整个操作系统。

Now that dark mode will soon be available on all of Apple’s major operating systems, it will be interesting to see how Apple improves and changes the design going forward.

既然黑暗模式很快将在苹果的所有主要操作系统上提供，那么看看苹果如何改进和改变未来的设计将变得很有趣。

Apple’s iOS 13 and iPadOS 13 are currently available in beta form and will be available as a stable operating system update sometime in fall 2019.

Apple的iOS 13和iPadOS 13目前以beta形式提供，并将在2019年秋季的某个时候作为稳定的操作系统更新提供。

> 翻译自: [https://www.howtogeek.com/435991/how-ios-13s-dark-mode-works/][https_www.howtogeek.com_435991_how-ios-13s-dark-mode-works]

[iOS 13 Dark Mode Selection Screen in Settings]: /images/20210726/be7d7e28741b49d6aceee8411f007a7d.png
[iOS 13 and iPadOS 13]: https://www.howtogeek.com/424869/ios-13-looks-amazing.-now-i-want-an-iphone/
[iOS 13 Dark Mode Widgets and Home Screen]: /images/20210726/216badde29c64f1fa260134b197ae73e.png
[Tap and hold on Brightness Slider in Control Center]: /images/20210726/25d8b52159da4d12918752bfe18a7998.png
[Enable Dark mode from Control Center]: /images/20210726/435109cecb304f69bb7f3852d8d12943.png
[Enable Dark Mode from Settings]: /images/20210726/ce3b3a4450a045dab877786f9b247289.png
[Just like in macOS Mojave]: https://www.howtogeek.com/408436/how-to-enable-dark-mode-in-macos-mojave/
[Twitter in Light mode and Dark mode based on automatic switching in iOS 13]: /images/20210726/47933a92225f4474b350ab1cb1b29af0.png
[iOS 13 Dark Mode Panels and Tabs With Shadows]: /images/20210726/08c066b3b8db41f381392d81f61d26d2.png
[iOS 13 Messages App in Dark Mode]: /images/20210726/b30d1acefa0649639dc9f62d9c6c78bb.png
[https_www.howtogeek.com_435991_how-ios-13s-dark-mode-works]: https://www.howtogeek.com/435991/how-ios-13s-dark-mode-works/