목록다크모드 (2)

개발노트

38. [Flutter] 다크모드, 라이트모드 테마 커스텀 하기(with ThemeMode)

ThemeMode main.dart에 작성되어있는 MaterialApp 위젯의 themeMode: 속성에 ThemeMode.dark, ThemeMode. light, ThemeMode. system 3가지 옵션을 줘서 강제로 Mode를 설정할지, 사용자의 Mode에 따라 설정할지 테마를 정할 수 있습니다. themeMode: ThemeMode.dark 일경우: 강제로 dark 모드로 설정됨 themeMode: ThemeMode.light 일경우: 강제로 light 모드로 설정됨 themeMode: ThemeMode.system 일경우: 사용자 모드에 따라 설정됨 themeMode: ThemeMode.system 으로 설정하여 다크모드, 라이트모드 테마 따로 지정하기 Theme.system 일 경우, - ..
앱 개발/Flutter 2023. 10. 18. 10:48
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 .NET MAUI XAML 태그 확장은 다양한 원본에서 요소 특성을 설정할 수 있도록 하여 XAM..
앱 개발/.NET MAUI 2022. 9. 22. 11:10
이전 Prev 1 Next 다음