Tab Navigation 이란 화면 상단이나 하단에 고정되어 항상 나타나는 메뉴 같은 화면을 말한다. 4개 이상의 Tab 이 필요하다면 flyout navigation 을 이용하도록 하자. MAUI 에서는 Shell 에서 TabBar 를 통해 구현 가능 하다. 아래 그림을 보자 코드로 보면 아래 와 같이 구현 가능 하다 Flyout menu 와 함께 Tab 사용 플라이아웃 항목은 하나 이상의 탭을 표시하는 탭 표시줄이 있는 페이지를 열 수 있다. 이것을 구현하는 것은 비교적 간단하다. 내에서 표시하려는 각 탭에 대해 여러 항목을 추가한다. 에 Title과 Icon을 설정하여 탭의 제목과 아이콘을 제어한다. 예제를 따라해보며 내용을 수정해 보자 이전 예제에서 만들어 두었던 MoonPhase 와 Sunri..

플라이아웃 탐색은 메뉴 항목 창이 장치 화면의 측면에서 미끄러지듯 나타나는 탐색 유형이다. 일반적으로 "햄버거" 메뉴 또는 세 개의 수평선이 서로 겹쳐진 아이콘을 탭하면 호출된다. 플라이아웃 메뉴는 Header, FlyoutItems, MenuItems 및 바닥글의 여러 부분으로 구성된다. 기본 페이지 역할을 하는 AppShell 에 호스팅 되어야 한다. 예제) Xaml\FlyoutNavigation 을 기본 위치로 하여 작성 Pages\MainPage.xaml White #44FFFFFF Pages\MainPage.xaml.cs using MauiApp1.Xaml.FlyoutNavigation.Data; namespace MauiApp1.Xaml.FlyoutNavigation.Pages; public ..

리소스와 스타일을 통해 XAML 페이지 단위에서 반복되는 코드를 줄일수 있다. 그렇다면 여러 XAML 페이지에서 사용가능 하게 하려면 어떻게 해야 할까 아래 그림을 보자. View(Button, Label ...) 는 Layout Pannel 의 자식이고 Layout Pannel 은 Page 의 자식이다. 이런 Page 들은 Application 밑에 존재 한다. Application Level 에서 Resource 와 Styles 정의 Blue .NET MAUI가 리소스 또는 스타일을 찾는 방법 아래 이미지는 리소스를 찾는 순서를 요약한 것이다. Application 과 ContentPage 에 같은 Key 의 Resource 가 존재 한다면? Two One ... 우선순위가 ContentPage 가 ..

리소스는 XAML 태그에서 하드 코딩된 중복 값을 방지하는 데 유용하지만 각 속성 값을 개별적으로 할당하면 복잡하고 장황한 XAML이 생성될 수 있다. 스타일을 사용하면 여러 설정을 스타일로 그룹화하여 코드를 깔끔하게 정리 하고 유지보수 할 수 있다. 리소스를 사용할 때의 문제점 여러 속성에 각각의 resource 를 사용하다 보니 XAML 이 읽기 어려워 졌다. 많은 수의 속성을 설정하는 경우 실수로 속성 중 하나를 생략하여 컨트롤 모양이 다를 수 있다. 해결책은 한번에 네 가지 속성을 모두 할당하는 스타일을 만드는 것이다. Setter 란 무엇인가? : 스타일을 만드는 데 사용하는 주요 구성 요소 다음 예제에서는 TextColor 속성에 대한 Setter 객체를 만든다. 또한 Setter 에는 Res..

StaticResource Mark-up Extension 은 사전 조회를 한번만 수행하므로 UI 를 동적으로 업데이트 할 수 없다. 또한 key 가 ResourceDictionary에 없는 경우 예외를 발생시킨다. 이러한 문제를 처리 하는 것이 동적 리소스(dynamic resources) 이다. 런타임에 리소스를 업데이트하는 방법 Blue 응용 프로그램이 실행되는 동안 PanelBackgroundColor 리소스의 값을 변경하려고 한다고 가정한다. 페이지의 코드 숨김 파일에 아래와 같은 코드를 추가하여 Resources 속성에 액세스할 수 있다. 다음 코드는 리소스 값을 다른 색으로 업데이트 한다. this.Resources["PanelBackgroundColor"] = Colors.Green; Dy..

리소스는 프로그래밍 언어의 Constant 와 같다. 한곳에서 정의 하고 필요한 곳에서 참조 한다. 값을 변경해야 하는 경우 정의만 업데이트 하면 모두에 적용된다. 리소스는 UI 전체에서 공유할 수 있는 모든 개체이다. 일반적으로 글꼴, 색상 및 크기를 저장한다. 그러나 Style 및 OnPlatform 인스턴스와 같은 복잡한 개체를 리소스로 저장할 수도 있다. XAML 또는 코드에서 리소스를 정의한다. 그런 다음 XAML 또는 코드에 적용한다. 일반적으로 XAML에서 완전히 작업하지만 코드가 유용한 몇 가지 경우도 있다. 페이지의 컨트롤에서 동일한 TextColor 값을 사용하려고 한다고 가정한다. 하드 코딩된 값을 사용한 경우 XAML은 다음과 같다. Resource 로 정의 하면 다음과 같이 정의 ..