Xamarin.ios의 어두운 모드Dark Mode in Xamarin.iOS

어두운 모드는 밝은 테마와 어두운 테마에 대 한 시스템 차원의 옵션입니다.Dark Mode is a system-wide option for light and dark themes. 이제 iOS 사용자가 테마를 선택 하거나, 환경 및 시간에 따라 iOS에서 동적으로 모양을 변경할 수 있습니다.iOS users may now choose the theme or allow iOS to dynamically change appearance based on the environment and time of day.

이 문서에서는 진한 모드를 소개 하 고 iOS 13 응용 프로그램에서 어두운 모드를 지원 합니다.This document introduces dark mode and supporting dark mode in iOS 13 applications.

요구 사항Requirements

어두운 모드를 사용 하려면 iOS 13 및 Xcode 11, Xamarin.ios 12.99, Visual Studio 2019 또는 Mac 용 Visual Studio 2019 (Xcode 11 지원 포함)가 필요 합니다.Dark Mode requires iOS 13 and Xcode 11, Xamarin.iOS 12.99, and Visual Studio 2019 or Visual Studio 2019 for Mac with Xcode 11 support.

어둡게 모드 설정Turning on Dark Mode

Apple은 진한 모드와 밝은 모드 간을 전환 하기 위해 iOS 13의 개발자 메뉴를 제공 합니다.Apple provides a developer menu in iOS 13 to toggle between dark and light modes. IOS 13 시뮬레이터에서 설정 을 열고 개발자 섹션을 선택한 다음 짙은 모양 전환으로 스크롤합니다.In the iOS 13 simulator open Settings and choose the Developer section, then scroll to the Dark Appearance switch. 변경 내용은 전체 시뮬레이터 환경에서 반영 됩니다.The change will be reflected across the entire simulator environment:

어둡게 모드 설정

밝은 모드 및 어두운 모드의 자산Assets for Light and Dark Modes

이제 Visual Studio의 Asset Catalog는 각 모양 모드에 대해 선택적 이미지 및 색을 지원 합니다. Universal, 어두움 및 Light가 있습니다.The Asset Catalog in Visual Studio now supports optional images and colors for each appearance mode: Universal, Dark, and Light. 이러한 방식으로 이미지와 색을 정의 하는 경우 iOS에서 적절 한 이미지 및 색을 자동으로 선택 합니다.When defining your images and colors this way, iOS will automatically choose the appropriate image and color.

IOS 프로젝트에서 assets.xcassets 파일을 열고 새 이미지 집합을 추가 합니다.Open your Assets.xcassets file in your iOS project and add a new image set. 대상 해상도에서 universal, 짙은 및 light 이미지를 지정할 수 있습니다.Notice you can specify universal, dark, and light images at any of the target resolutions. 아래 스크린샷에서는 이름이 "MicrosoftLogo" 인 짙은 조명 이미지를 사용할 수 있습니다.In the screenshot below, there is an image for dark and for light with the name of “MicrosoftLogo”:

밝은 모드 및 어두운 모드의 자산

Assets.xcassets 에는 또한 색 정의 인 BackgroundColorTitleColor에 대 한 항목이 포함 되어 있습니다.Assets.xcassets also contains entries for BackgroundColor and TitleColor, which are color definitions. 이러한 색은 이제 응용 프로그램 전체에서 사용할 수 있도록 이름으로 제공 됩니다.Those colors are now available by name to be used throughout the application. 다음 스크린샷에 표시 된 것 처럼 BackgroundColor 가 보기의 배경에 할당 되 고 TitleColor 가 레이블에 할당 됩니다.The BackgroundColor has been assigned to the background of the view, and the TitleColor to the label, as shown in this screenshot:

밝은 모드 및 어두운 모드의 자산

동적 시스템 색Dynamic system colors

Apple에는 새로운 짙은 모드 설정에 따라 모양을 동적으로 조정 하는 새로운 의미 체계 색이 도입 되었습니다.Apple has introduced new semantic colors that adjust their appearance dynamically based on the new dark mode setting.

요약Summary

이 문서에서는 iOS에 대 한 어두운 모드를 소개 하 고 asset catalog를 사용 하 여 각 모드의 이미지 및 색을 지정 합니다.This article introduced Dark Mode for iOS and specifying images and colors for each mode using the asset catalog.