소개
전체 UI에서 동일한 글꼴과 색을 사용하면 일관된 모양과 느낌을 만들 수 있습니다. .NET MAUI는 이러한 값을 한 곳에서 정의하고 사용되는 모든 위치에서 찾을 수 있는 방법을 제공합니다. 값을 다시 사용하면 앱 전체에서 일관성이 보장되고 업데이트가 간단해집니다.
TipCalculator라는 모바일 애플리케이션을 빌드하고 있다고 가정해 보세요. 이 앱은 서비스 산업에서 사용되며, 종업원이 모든 서비스에 대한 팁을 빠르게 계산할 수 있도록 합니다. 회사에서는 최근에 회사 브랜드의 모양을 바꿨습니다. 새 모양에 맞게 앱의 UI를 업데이트해야 합니다. 글꼴, 텍스트 색 및 배경색을 변경해야 합니다. 회사가 성장함에 따라 더 많은 브랜드 변경이 있을 것이기 때문에 이러한 종류의 업데이트를 쉽게 만들려고 합니다.
이 모듈에서는 코드와 XAML 모두에서 리소스를 정의하고 적용하는 방법을 알아봅니다. 또한 여러 설정을 하나의 스타일로 그룹화하여 모두 한 번에 적용할 수 있는 방법도 보여 줍니다.
참고 항목
이 모듈에는 Visual Studio 2022가 필요합니다. Windows 또는 Mac을 사용할 수 있습니다. Windows를 실행하는 경우 .NET을 사용한 모바일 개발 워크로드가 설치되어 있는지 확인합니다. 설치된 프로그램에 이 워크로드를 추가해야 하는 경우 이 설명서를 참조하세요. Mac에서 실행하는 경우 표준 Mac용 Visual Studio 설치에는 .NET MAUI를 사용하여 앱을 빌드하는 데 필요한 모든 것이 포함됩니다.
학습 목표
이 모듈에서는 다음을 수행하는 방법을 알아봅니다.
- MAUI XAML 사용자 인터페이스에서 정적 리소스를 만들고 사용합니다.
- 동적 리소스를 만들고 사용합니다.
- 스타일을 사용하여 일관된 사용자 인터페이스를 만듭니다.
- 애플리케이션 수준 리소스를 만들고 사용합니다.
- 기본 제공 스타일을 사용하여 사용자의 내게 필요한 옵션 선택 항목을 적용합니다.
필수 조건
- .NET MAUI 워크로드가 설치된 Visual Studio 2022.
- 선택 사항: .NET MAUI 확장 및 .NET MAUI 워크로드가 설치된 .NET SDK가 있는 Visual Studio Code.
- C# 및 .NET 사용 경험.
.NET MAUI 개발에 대한 요구 사항
.NET 8을 사용하여 .NET MAUI 앱을 만들려면 다음 워크로드가 설치된 Visual Studio 버전 17.8 이상 버전을 설치해야 합니다.
- .NET 다중 플랫폼 앱 UI 개발
또한 .NET MAUI Blazor 앱을 빌드하려면 ASP.NET 및 웹 개발 워크로드를 설치해야 합니다.
자세한 설치 방법은 설명서를 참조하세요.
Visual Studio Code를 사용한 개발
macOS 또는 Linux에서 개발하는 경우 .NET SDK 및 .NET MAUI 워크로드와 함께 Visual Studio Code 및 .NET MAUI 확장을 설치해야 합니다. 자세한 설치 방법은 설명서를 참조하세요.