Учебное пособие по .NET MAUI. Создайте свое первое многоплатформенное приложение на C#

Windows macOS

Отредактируйте свой код

При разработке приложений с помощью .NET MAUI горячая перезагрузка XAML доступна во время отладки приложения. Это означает, что вы можете изменить пользовательский интерфейс (UI) XAML во время работы приложения, и пользовательский интерфейс будет обновляться автоматически.

Вернитесь в Visual Studio, оставив приложение запущенным. В Обозревателе решений дважды щелкните файл MainPage.xaml в проекте MyFirstMauiApp. Если вы не видите область Обозреватель решений, выберите " > Обозреватель решений" в основном меню (или нажмите CTRL+ALT+L).

Панель обозревателя решений с выделенным файлом MainPage.xaml.

Вернитесь к файлу MainPage.xaml в VS Code и оставьте приложение запущенным.

Панель обозревателя решений с выделенным файлом MainPage.xaml.

В настоящее время для параметра Text второго элемента Label в строке 17 установлено значение Hello, World!, как показано в следующем коде:

MainPage.xaml
<Label
    Text="Hello, World!" 
    Style="{StaticResource Headline}"
    SemanticProperties.HeadingLevel="Level1"  />

Обновите текст следующим образом: Hello, .NET MAUI!:

MainPage.xaml
<Label
    Text="Hello, .NET MAUI!" 
    Style="{StaticResource Headline}"
    SemanticProperties.HeadingLevel="Level1"  />

Пользовательский интерфейс приложения обновляется автоматически по мере внесения изменений.

ОС Windows, в которой запущено приложение .NET MAUI. Выведено сообщение

ОС Mac, в которой запущено приложение .NET MAUI. Выведено сообщение

При разработке приложений с .NET MAUI также можно использовать Горячую перезагрузку .NET для перезагрузки кода C#. Давайте изменим логику в приложении, чтобы при нажатии кнопки значение счетчика увеличивалось на 10, а не на 1.

Откройте MainPage.xaml.cs (этот файл вложен в MainPage.xaml, или вы можете щелкнуть правой кнопкой мыши и выбрать в меню Просмотреть код).

Выпадающий выбор для отображения кода позади MainPage.xaml

Метод OnCounterClicked в этом файле сейчас содержит следующий код:

MainPage.xaml.cs
private void OnCounterClicked(object sender, EventArgs e)
{
    count++;

    if (count == 1)
        CounterBtn.Text = $"Clicked {count} time";
    else
        CounterBtn.Text = $"Clicked {count} times";

    SemanticScreenReader.Announce(CounterBtn.Text);
}

Обновите count++;, увеличив его на 10, изменив его на count += 10;.

MainPage.xaml.cs
private void OnCounterClicked(object sender, EventArgs e)
{
    count += 10;

    if (count == 1)
        CounterBtn.Text = $"Clicked {count} time";
    else
        CounterBtn.Text = $"Clicked {count} times";

    SemanticScreenReader.Announce(CounterBtn.Text);
}

Чтобы применить изменения кода, сохраните файл и нажмите кнопку "Горячая перезагрузка" в Visual Studio или сочетание клавиш ALT+F10.

Выпадающий выбор для отображения кода позади MainPage.xaml

Выберите кнопку "Нажми меня" и посмотрите, как значение увеличивается на 10. Отлично! Теперь можно закрыть работающее приложение.

Счетчик обновлен до приращения 10

Продолжить