CommunityToolkit MAUI Markup - XAML 없이 MVVM, 바인딩, 리소스 사전 사용

dimohy · 12월 13, 2022, 2:57오전

CommunityToolkit에서 MAUI 마크업 스타일을 제공하는것은 알고 있었는데요, 꾸준히 개발이 진행되고 있었군요! MAUI Markup을 이용하면 핫리로드를 이용해 Fluent C# 스타일로 화면을 구성할 수 있습니다.

김예건 · 12월 13, 2022, 5:21오전

MAUI Markup을 이용하면 핫리로드를 이용해 Fluent C# 스타일로 화면을 구성할 수 있습니다.

빨리 UI를 XAML이 아니라, UI를 C# 코드로 Fluent 하게 정의하여 사용하는 프로젝트를 해보고 싶네요

Content = new Grid
{
    RowDefinitions = Rows.Define((Row.TextEntry, 36)),
    ColumnDefinitions = Columns.Define(
        (Column.Description, Star),
        (Column.Input, Stars(2))),

    Children =
    {
        new Label()
            .Text("Code:")
            .Row(Row.TextEntry).Column(Column.Description),

        new Entry
        {
            Keyboard = Keyboard.Numeric,
            BackgroundColor = Colors.AliceBlue,
        }.Row(Row.TextEntry).Column(Column.Input)
         .FontSize(15)
         .Placeholder("Enter number")
         .TextColor(Colors.Black)
         .Height(44)
         .Margin(5, 5)
         .Bind(Entry.TextProperty, nameof(ViewModel.RegistrationCode))
    }
};