소개
.NET MAUI 레이아웃 패널을 사용하면 다양한 디바이스에서 애플리케이션의 일관적인 사용자 인터페이스를 만들 수 있습니다.
여러 컴퓨터 및 디바이스에 배포할 팁 계산기 애플리케이션을 빌드하려 한다고 가정해 봅시다. 각 디바이스의 화면 크기와 픽셀 밀도가 서로 다를 수 있습니다. 여러분의 목표는 모든 디바이스에서 애플리케이션이 최대한 비슷하게 보이도록 만드는 것입니다. 여러분은 각 화면 크기의 보기 크기와 위치를 수동으로 계산할 생각은 없습니다. .NET MAUI는 개발자 대신 이러한 계산을 처리하는 레이아웃 관리 시스템을 제공합니다. 개발자는 자식 보기의 크기와 위치를 자동으로 관리하는 레이아웃 패널 내부에 보기를 배치하면 됩니다. 패널을 사용하면 여러 디바이스에서 일관적인 사용자 인터페이스 만들기가 훨씬 쉽습니다.
이 모듈에서는 여러 디바이스에서 비슷하게 보이는 .NET MAUI 애플리케이션을 빌드하겠습니다. 먼저 보기의 기본 크기와 위치를 설정합니다. 그런 다음 StackLayout을 사용하여 보기를 세로로 정렬합니다. 그 다음에는 Grid를 사용하여 행과 열에 보기를 배치합니다. 이 모듈을 마치면 디바이스의 종류와 화면 크기에 관계없이 일관적으로 표시되는 .NET MAUI 애플리케이션이 완성됩니다.
학습 목표
이 모듈에서는 다음을 수행합니다.
- 앱에서 사용자 인터페이스 요소를 정렬하고 크기를 조정합니다.
StackLayout을 사용하여 보기를 세로 또는 가로 목록으로 표시합니다.Grid를 사용하여 행 및 열에 보기를 표시합니다.
필수 조건
- .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 확장을 설치해야 합니다. 자세한 설치 방법은 설명서를 참조하세요.