28. [.NET MAUI] xaml에서 BackgroundColor 다크 모드, 라이트 모드일 때 Color 지정하기

모바일에는 Dark Mode라는 기능으로 핸드폰의 테마를 변경할 수 있다.

 

다크모드, 라이트모드에서의  Control의 Color 동일하다면 사용자입장에서 불편을 겪을 수 있다.

 

이를 해결하기 위해 Control에서 {AppThemeBinding} 태그 확장을 이용하여 Color 뿐만 아니라 다크모드, 라이트모드에서의 Property 값을 지정할 수 있다.

 

- 참고링크: https://learn.microsoft.com/ko-kr/dotnet/maui/xaml/markup-extensions/consume#appthemebinding-markup-extension

XAML 태그 확장 사용 - .NET MAUI

 

이번시간에는 BackgroundColor에 적용해본다.

---

.xaml에서 원하는 컨트롤에 아래와 같이 추가만 해주면된다.

 

BackgroundColor="{AppThemeBinding Light=White,Dark=Black}"

 

끝.

 

---

 

빌드된 모습