Дизайн Материалов В XAML Toolkit Введение

• Джеймс, разработчик Material Design в WPF, делится руководством по использованию Material Design Toolkit.  

• Цель - создать красивые WPF-приложения, которые визуально лучше, чем классические серые экраны.  

• Рекомендуется использовать демо-версию для работы с Material Design Toolkit.  

• Создание нового WPF-проекта и добавление текстовых блоков, текстовых полей и кнопок.  

• Настройка макета для улучшения внешнего вида.  

• Использование NuGet для установки Material Design Lite.  

• Установка цветов и ресурсов из демо-версии.  

• Внесение изменений в XAML для использования стилей и шаблонов Material Design.  

• Использование словарей ресурсов для настройки стилей и цветов.  

• Применение светлой и темной тем, а также основных и акцентных цветов.  

• Добавление иконок из набора Material Design Icons.  

• Настройка цвета текста, шрифта и фона шрифта.  

• Использование шрифта Roboto, рекомендованного Google.  

• Добавление меню и панели инструментов для улучшения интерфейса.  

• Финальная настройка меню и панели инструментов.  

• Тестирование приложения и корректировка цветов и стилей.  

• Применение Material Design Toolkit для улучшения внешнего вида бизнес-приложений.  

• Обсуждение тем по умолчанию для элементов управления WPF.  

• Добавление новых элементов управления для создания приложений, ориентированных на дизайн материалов.  

• Использование Resharper для добавления новых строк.  

• Добавление карточки и настройка её расположения в сетке.  

• Изменение темы для улучшения внешнего вида.  

• Добавление иконки и текстового блока для призыва подписаться на Twitter.  

• Настройка высоты и отступов для элементов управления.  

• Добавление тени и настройка её глубины.  

• Использование функции shadow assist для управления тенями.  

• Введение в цветовую зону и её свойства.  

• Настройка основного цвета и его оттенков.  

• Добавление акцента и тени для улучшения внешнего вида.  

• Создание панели поиска с использованием цветовой зоны.  

• Настройка радиуса угла и тени.  

• Добавление текстового поля и кнопки с иконкой микрофона.  

• Настройка ширины текстового поля и кнопки.  

• Добавление подсказки для текстового поля.  

• Исправление ошибок и улучшение внешнего вида.  

• Демонстрация панели поиска в демо-версии.  

• Настройка стиля кнопки микрофона.  

• Финальная настройка и выравнивание элементов управления.  

• Подведение итогов по созданию панели поиска.  

• Комбинирование цветовых зон для создания потрясающих элементов.  

• Возможность использования цвета акцента для улучшения внешнего вида.  

• Представлены различные элементы управления: карточки, цветовые зоны, кнопки, переключатели, кнопки с рябью.  

• Палитра цветов доступна для помощи в выборе цветов.  

• Пример использования коричневого и бирюзового цветов.  

• Плавающая кнопка действия - важный элемент материального дизайна.  

• Можно использовать только одну такую кнопку на странице.  

• Пример анимации и контроля скорости появления кнопки.  

• Всплывающее окно и плавающая кнопка действия - одно и то же.  

• Пример использования всплывающего окна с кнопкой "отправить".  

• Добавление улыбки и тени к кнопке.  

• Настройка стиля кнопки с использованием динамического ресурса.  

• Пример использования стиля "material design, multi floating, action".  

• Добавление акцента к кнопке для создания счастливого или грустного лица.  

• Объединение словарей ресурсов для создания нужного стиля.  

• Добавление URL-адресов и проверка стиля в демо-версии.  

• Настройка кнопки для переключения содержимого.  

• Демонстрация работы плавающей кнопки действия.  

• Использование элементов управления WPF и карточек для создания стильного интерфейса.  

• Призыв к использованию демонстрационной версии для настройки стиля.