Использование панели "Свойства стиля"
По умолчанию панель расположена в нижней части левой закрепленной области. Ее можно использовать для выполнения следующих заданий:
• Изменить тему стиля для текущего мэшапа, используя выбор из списка или привязку.
• Переопределить свойства темы стиля для конкретного элемента.
• Изменить определения стилей для элементов, к которым нельзя применить темы стиля.
Тема стиля мэшапа применяет свойства стиля, которые управляют видом и поведением всех элементов в мэшапе. По умолчанию все элементы, поддерживающие темы в мэшапе, получают свойства стиля из примененной темы стиля. Темы стиля являются глобальными, и может потребоваться настройка конкретных виджетов по-разному. Панель Свойства стиля можно использовать для изменения стиля отдельных элементов в мэшапе. Каждый поддерживаемый элемент имеет собственный набор свойств стиля. Можно изменить свойства стиля, чтобы переопределить тему стиля и создать разные виды для двух виджетов одного и того же типа.
На панели имеется два типа свойств стиля.
• Предопределенные свойства - свойства стиля, заданные с помощью значений и настроек из текущей темы стиля.
• Пустые свойства - дополнительные свойства стиля, которые можно менять, чтобы настроить вид выбранного виджета. Эти свойства не задаются в теме стиля и отображаются только на панели. Эти свойства можно использовать для создания расширенной конфигурации стиля каждого виджета в мэшапе.
Интерфейс панели
1. Наименование выбранного объекта.
2. Свойство темы стиля мэшапа.
3. Состояние элемента.
4. Элемент внутри элемента.
5. Свойство стиля.
6. Свойство стиля с активными переопределениями.
7. Сброс всех свойств для элемента.
Выбор элементов для управления стилем
Можно выбрать элемент для изменения его свойств стиля одним из следующих способов.
• Выберите элемент в списке на панели Проводник.
• Щелкните элемент непосредственно в мэшапе.
Свойства стиля для элемента отображаются на панели Свойства стиля.
Изменение свойств стиля
Чтобы настроить вид конкретного элемента, выполните следующие шаги.
1. Выберите элемент.
2. Щелкните панель Свойства стиля.
Например, стиль по умолчанию для виджета "Кнопка" в базовом состоянии выглядит следующим образом:
Для настройки виджета "Кнопка" на панели Свойства стиля разверните Базовое состояние, а затем измените свойства стиля в следующих элементах:
• Кнопка
◦ background - указывает цвет фона виджета.
Введите #ffff52 в поле значения.
◦ border-style - указывает стиль границ кнопки.
Выберите Пунктирная из списка.
• Метка
◦ font-family - задает шрифт, используемый для метки кнопки.
Выберите Courier из списка.
Изменения автоматически применяются в мэшапе. Вид кнопки изменяется следующим образом:
Разные типы виджетов имеют различные состояния и свойства стиля, зависящие от функции и структуры виджета. Например, виджет "Ползунок" имеет больше состояний, чем виджет "Кнопка".
Сброс свойств стиля
Значок
показывает, что свойство стиля было изменено. Можно восстановить значение темы стиля для отдельного свойства или все свойства элемента:
• Чтобы сбросить отдельное свойство, щелкните значок
рядом со свойством.
• Чтобы сбросить все свойства элемента, щелкните значок
рядом с группой элемента.