002. Avalonia UI - Grid Basics

Аватар автора
00:00 Введение и цель видео • Объяснение цели видео: создание базового пользовательского интерфейса в Avalonia с использованием сеток и стековых панелей. • Пример интерфейса: измеритель звука, показанный на видео. 00:37 Установка необходимых инструментов • Переход к коду из-за отсутствия аудиовступления. • Установка Rider и .NET SDK для Mac. • Настройка плагинов в Rider для работы с Avalonia. 02:05 Создание проекта в Rider • Создание нового решения в Rider. • Выбор типа приложения Avalonia .NET Core. • Настройка размеров главного окна. 03:42 Описание интерфейса измерителя звука • Демонстрация интерфейса измерителя звука в реальном времени. • Объяснение работы интерфейса: отображение уровня звука и индикаторов. 04:28 Принципы работы с Avalonia • Avalonia основана на XAML, макет идентичен WPF. • Разбивка приложения на основные разделы с помощью панелей и сеток. 05:45 Создание заголовков и кнопок • Создание заголовков с текстом по центру и кнопками по бокам. • Использование сеток с автоматическим размером столбцов. 06:41 Реализация нижней части интерфейса • Создание нижней части с кнопками и заполнением пространства. • Группировка кнопок в одну колонку. 08:09 Реализация основного раздела • Создание основной панели стека с тремя рядами сеток. • Разделение сеток на секции. 10:14 Добавление элементов в сетки • Добавление элементов в сетки, определение столбцов и строк. • Настройка размеров и цвета элементов. 10:49 Завершение настройки сетки •...

0/0


0/0

0/0

0/0

0/0