Этот курс посвящен использованию стилей в FireMonkey. Стили являются одной из самых главных особенностей FireMonkey, отличающих FMX фреймворк от других. С одной стороны с их помощью вы можете придать своему приложению индивидуальность и добавить визуальную неповторимость. Однако, с другой стороны использование стилей является очень сложной темой и содержит много нюансов, не зная которые, можно потратить много времени на попытку понять причину неудач использования. Тема является одной из самых популярных, поэтому она будет рассмотрена в первую очередь.

Что вы будете уметь после прохождения курса?

В результате прохождения курса, вы сможете:

1. Создать свой стиль на основе вашего UI дизайна приложения простейшим путем из возможных
2. Редактировать и дополнять уже существующие стили, идущие в поставке с FireMonkey
3. Создавать и использовать уже существующие стили для использования их в своих компонентах
4. Детально понимать, как работает механизм стилей,
5. Понимать, как создать «эффективный» стиль. Стиль, который не будет сказываться на производительности вашего приложения.
6. Сделать действительно кроссплатформенное приложение с точки зрения стилей. Использование разных стилей для разных платформ (Android, iOS, Windows, OSX)
7. Научитесь анализировать типовые ошибки создания стилей и исправлять их в кратчайшие строки.
8. Будете знать технику создания своего стиля для любого стилевого компонента с нуля.

На кого рассчитан курс?

Курс рассчитан на:

1. Разработчиков, которые начинают использовать FireMonkey.
2. Разработчиков, планирующие использовать стили в своих приложениях.
3. Разработчиков, которые уже использовали стили, но поняли, что это не так просто, как кажется.

Состав курса

Урок 1. Введение в концепцию стилей.

Начинаем изучение стилей в FireMonkey с аспектов создания кроссплатформенной библиотеки с точки зрения внешнего вида. Разбираемся, какими способами можно реализовать отображение внешнего вида компонентов. Выявляем отличия концепций скинов и стилей. Учимся применять стили к компонентам.

1. Что такое стиль, что он из себя представляет?
2. Изменение стилей на лету.
3. Откуда FireMonkey берёт стиль по умолчанию?

Урок 2. Архитектура стилей:

Архитектура механизма стилей позволяет вам полностью понять принципы работы стилей. Это поможет вам грамотно работать с ними и понимать протекающие процессы в стилевых компонентах. Изучаем: что такое стиль; основные части стилевого механизма и их назначения (TStyleBook, TStyledControl, TStyleManager); как происходит процедура загрузки/выгрузки/смены стиля?; изменение стилей на лету; замена платформенных стилей; кеш стилей; откуда FireMonkey берёт стиль по умолчанию?

1. Основные части стилевого механизма и их назначения (TStyleBook, TStyledControl, TStyleManager).
2. Как происходит процедура загрузки/выгрузки/смены стиля?
3. Замена платформенных стилей.
4. Кеш стилей. Достоинства и потенциальные опасные места при проектировании компонента со стилями. (? Возможно перенос в другой урок)
5. Пути ускорения работы стилей
6. Динамическая подгрузка стиля на мобильных платформах. (? Возможно перенос в другой урок)

Урок 3. Дизайнер стилей FMX. Принципы работы

Знакомимся с дизайнером стилей компонента TStyleBook. В этом уроке рассматриваем пользовательский интерфейс, разбираемся с процессом создания нового или редактирования уже существующего стиля. Делаем акцент на манипуляции с объектами стиля (удаление, изменение порядка стилевых объектов Z-порядок). А также работаем с настройками внешнего вида дизайнера. Помимо всего этого разбираемся, как совместить в одном компоненте TStyleBook стили для разных платформ.

1. Знакомство с интерфейсом,
2. Создание нового стиля,
3. Удаление существующего,
4. Смена порядка стилевых объектов (Z-order),
5. Создание нового стиля
6. Редактирование существующего
7. Создание отдельной версии стиля для iOS, Android, Windows или OSX

Урок 4-1. Растровые стили. Разбор стилевых объектов

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

1. Фиксация размера (Фиксация высоты, ширины или ширины и высоты)
2. TStyleObject,
3. TActiveStyleObject,

Урок 4-2. Растровые стили. Разбор стилевых объектов

Продолжаем рассматривать компоненты, используемые в растровых стилях. И в этом уроке разбираем: TActiveOpacityObject, TStyleTextObject, TActiveStyleTextObject и TCheckStyleObject.

1. TActiveOpacityObject,
2. TStyleTextObject,
3. TActiveStyleTextObject,
4. TCheckStyleObject

Урок 4-3.  Растровые стили. Разбор стилевых объектов

Продолжаем рассматривать компоненты, используемые в растровых стилях. И в этом уроке разбираем: TButtonStyleObject, TButtonStyleTextObject, TSystemButtonObjecty, TTabStyleTextObject и TTabStyleTextObject.

1. TButtonStyleObject,
2. TButtonStyleTextObject,
3. TSystemButtonObjecty,
4. TTabStyleTextObject
5. TTabStyleTextObject.

Урок 5. Tint эффект

Выносим в этот отдельный урок два отдельных компонента, используемые для создания растровых стилей: TTintedStyleObject и TTintedButtonStyleObject. Изучаем этот эффект и отвечаем на ряд важных вопросов:

1. Что такое, зачем нужен и в чем его преимущества?Когда стоит использовать Tint, а когда нет?
2. Принципы работы. Настройки, как использовать?
3. Какие визуальные компоненты поддерживают Tint эффект?

Урок 6. Стилизация рамки окна

Платформа Microsoft Windows позволяет сделать свою отрисовку рамки окна, таким образом, открыв для пользователей системы раздел стилизации рамки окна. В этом уроке рассматриваем как создать с нуля стиль для рамки окна, какой структурой должен обладать стиль, из каких компонентов должен быть построен и какие свойства формы отвечают за стилизацию рамки. В качестве примера создаем свой стиль окна с нуля.

1. Структура стиля рамки окна (Windows only)
2. Какие элементы стиля за что отвечают
3. Создание стиля окна

Урок 7-1. Доступ к элементам стиля. FindStyleResource

Разобрав что такое стиль, как его создавать, настало время понять, а как получить доступ к объектам стиля, чтобы уметь манипулировать этими объектами и выводить свои дополнительные данные, помимо тех, что выводит сам компонент. В этом уроке разбираем способ с использованием перегруженного метода FindStyleResource. Раскрываем достоинства и недостатки этого подхода.

1. Доступ к элементам стиля: StylesData, FindStyleResource.
2. Достоинства и недостатки.
3. Какой способ выбрать?
4. Форсирование загрузки и выгрузки стиля

Урок 7-2. Доступ к элементам стиля. StylesData

Продолжаем разбор способов доступа к объектам стиля. И в центре нашего внимания способ StylesData. Который в большинстве случаев является проще и удобнее. Помимо этого разбираем достоинства и недостатки этого подхода и сравниваем его с FindStyleResource.

Урок 8-1. Создание стилей. TListBox

Серия частей 8 урока посвящена созданию стилей с нуля для наиболее часто используемых компонентов. Начинаем с создания стиля TListBox и рассматриваем, как на базе простого с виду компонента, сделать произвольное отображение любых данных внутри элементов списка. Познаем тонкости реализации компонента по выделению элементов и обработке событий мыши для правильного создания стиля.

1. Обзор структуры TListBox, TListBoxItem
2. Создание произвольного варианта отображения элементов по своему дизайну с кнопками, картинками и текстовыми полями.

Урок 8-2. Создание стилей. TTreeView

Если вы занимались разработкой приложения с VCL, вы, наверное, сталкивались с крутым компонентом TVirtualStringTree, это мощный сторонний компонент для отображения данных древовидной структуры. Одной из многих возможностей этого компонента является табличное отображение данных со столбцами. В этом уроке мы рассматриваем эмуляцию этой возможности в TTreeView. Для этого создаем специальный стиль, которые позволяет отображать данные столбцами в каждом узле дерева.

1. Обзор структуры стилей TTreeView и TTreeViewItem
2. Создание стиля многоколоночного дерева

Урок 8-3. Создание стилей. TEdit, TComboEdit. TSpinBox, TNumberBox

В этом уроке приступаем к созданию стилей TEdit основных компонентов с нуля. В рамках практики рассматриваем стили TEdit, TComboEdit, TSpinBox и TNumberBox. Поскольку эти компоненты построены на базе компонента TEdit, то и структура стилей этих компонентов незначительно отличается от стиля TEdit, что позволяет без особого труда сделать стили для всех этих компонентов.

1. Обзор структуры стилей TEdit, TComboEdit, TSpinBox, TNumberBox
2. Нюансы при создании стиля TEdit
3. Задание цвета выделения, каретки
4. Установка шрифта по умолчанию
5. Создание стилей с нуля для рассматриваемых компонентов.

Урок 8-4. Создание стилей. TComboBox

Этот урок посвящен созданию расширенного стиля для компонента TComboBox. Знакомимся с базовой структурой стиля. Изучаем тонкости создания стиля для выпадающего списка. Рассматриваем процесс добавления своих данных внутрь каждого элемента списка.

Все это рассматриваем на примере реализации телефонного списка с телефонными кодами стран, их флагами и названиями.

Урок 9-1. Знакомство с BitmapStyleDesigner.

В этом уроке рассматриваем альтернативный способ создания растровых FireMonkey стилей без необходимости знать структуру стиля при помощи Bitmap Style Designer. Знакомимся с программой BitmapStyleDesigner, её пользовательским интерфейсом и основными принципами работы с этим дизайнером, на примере создания стиля кнопки TButton/TSpeedButton.

1. Альтернативный вариант быстрого создания стилей для FireMonkey
2. Знакомство с дизайнером
3. Принципы работы
4. Создание растрового стиля кнопки TButton/TSpeedButton

1. Рассматриваем быстрый способ создания файла стиля на базе стиля по умолчанию
2. Изучаем создание стиля для всех компонентов  по макету дизайнера
3. Создаем стили для TEdit и TTabControl

Урок 10. Анализ типичных ошибок при создании и редактировании стилей

Этот урок посвящен поиску и исправлению типичных ошибок, допускаемых в процессе создания своего или редактирования существующего стилей. Разделяем все ошибки на 4 группы и рассматривает причины возникновения и способы их устранения.

1. Выделяем основные группы ошибок, допускаемых разработчиками при создании и использовании стилей
2. Рассматриваем пути решения ошибок на живых примерах.