003. Avalonia UI - Grid Percentage ( Star) Layout

00:00 Начало работы над клоном измерителя громкости Julian • Создание клона измерителя громкости Julian для привыкания к пользовательскому интерфейсу. • Увеличение окна до точного размера пикселя и сопоставление размеров столбиков. • Подбор строки заголовка для соответствия размеру и стилю. 00:58 Анализ шкалы громкости • Шкала громкости представлена в виде 60 баллов, начиная с -60 дБ. • Промежутки между баллами относительные, например, от 0 до -3 будет 3 промежутка. • Использование сетки с относительными размерами для создания точных интервалов. 01:58 Принципы работы сетки • Сетка с двумя звёздочками автоматически настраивается под размер содержимого. • Звезда указывает на заполнение оставшегося пространства. • Пропорции между звёздочками определяют точные интервалы. 03:21 Структура родительской сетки • Родительская сетка состоит из трёх рядов: звёздочка, авто, авто. • Вспомогательная сетка с определёнными значениями для разделительных линий. • Увеличение размера чисел для точного заполнения пробелов. 04:28 Настройка содержимого сетки • Добавление новой сетки с позициями реальности. • Панель стека с этикеткой «all fs». • Две кнопки в панели стека. 06:05 Стилизация текста и кнопок • Изменение цвета текста на белый и настройка размера шрифта. • Горизонтальное выравнивание текста по центру. • Применение отступов для отделения текста от кнопок. 07:12 Использование стилей в Avalonia • Стили в Avalonia сочетают элементы CSS и WPF. • Настройка стилей для...