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