.NET MAUI — первая программа

ОБЯЗАТЕЛЬНОДЛЯ НОВИЧКОВ

Разработчику Архитектору

.NET MAUI — первая программа

.NET MAUI (Multi-platform App UI) — кроссплатформенный UI на C# для Android, iOS, macOS и Windows из одной кодовой базы.

Обзор экосистемы: /encyclopedia/4-code-dev/4-12-mobilnye-prilozheniya/1133. Веб на C#: Blazor · ASP.NET Core.

---

Требования

• .NET SDK с workload MAUI:

dotnet workload install maui

• Windows: Visual Studio 2022 + «Разработка мобильных приложений .NET»;
• macOS: VS for Mac или dotnet + Xcode для iOS.

---

Создание проекта

dotnet new maui -n HelloMaui
cd HelloMaui

Шаблон создаёт MainPage.xaml со счётчиком — запуск:

# Windows
dotnet build -t:Run -f net8.0-windows10.0.19041.0

# Android (эмулятор должен быть запущен)
dotnet build -t:Run -f net8.0-android

В Visual Studio выберите целевую платформу в панели запуска и нажмите ▶.

---

Простая страница (код без XAML)

MainPage.xaml.cs — логика счётчика из шаблона:

namespace HelloMaui;

public partial class MainPage : ContentPage
{
    int count;

    public MainPage()
    {
        InitializeComponent();
    }

    private void OnCounterClicked(object sender, EventArgs e)
    {
        count++;
        CounterLabel.Text = count == 1
            ? $"Нажато {count} раз"
            : $"Нажато {count} раз";
    }
}

MainPage.xaml связывает кнопку с обработчиком Clicked="OnCounterClicked".

---

Добавить список заметок (идея)

1. ObservableCollection<string> Notes в MainPage;
2. CollectionView в XAML с ItemsSource="{Binding Notes}";
3. Entry + Button → добавление в коллекцию.

Для масштабирования вынесите состояние в MVVM (CommunityToolkit.Mvvm).

---

Структура проекта

Путь	Назначение
Platforms/	точки входа Android, iOS, Windows
Resources/	иконки, шрифты, стили
MauiProgram.cs	DI и регистрация сервисов

---

Дальше

• Blazor для веб-интерфейса на том же стеке .NET;
• развёртывание Android: 1121.md.

---