Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Редактор скина предназначен для настройки стилей компонентов. Редактор скина можно вызвать нажатием кнопки "Редактор скина" в верхней панели дизайнера см. Скины. Редактор разделен на три части и выглядит следующим образом

Image Modified

Список компонентов

В левой части редактора находится список компонентов, для которых можно настроить стиль. Некоторые компоненты разбиты на типы, например компонент "Кнопка" имеет следующие подтипы: "Кнопка назад", "Кнопка вперед", "Кнопка показать корзину", и т д

Image Modified

Если назначен стиль для родительского элемента "Кнопка", и для элемента "Кнопка назад" стиль не назначен, тогда для кнопок типа "Кнопка назад" будет применяться родительский стиль, т.е. стиль элемента "Кнопка". Если же для элемента "Кнопка назад" задать свой стиль то для стиль родительского элемента "Кнопка" будет игнорироваться п рименяться стиль от элемента "Кнопка назад".

Пользовательский

...

стиль: кроме подтипов стилей, можно задать свой уникальный стиль который затем можно будет задать на какой то определенный компонент/компоненты, указав этот стиль с

...

 

Настройка скина

...

в Редакторе свойств компонента.

Info
titleСвойство стиль компонента в редакторе свойств

Свойство стиль компонента в Редакторе свойств компонента указывает на то, будет ли применяться к компоненту какой то пользовательский стиль, или же будет браться базовый стиль, настроенный в редакторе скина. Например, если для некоторой кнопки "Назад" стоит свойство "Стиль компонента" "по умолчанию", значит для нее будет браться стиль из подтипа "Кнопка назад", а если он не задан то от базового типа "Кнопка". Если же в редакторе свойств указан некоторый пользовательский стиль, то базовые типы и подтипы будут игнорироваться, а будет применяться он.

Для создания пользовательского стиля нажмите кнопку Image Added, расположенную над деревом стилей. После нажатия кнопки Вам будет предложено ввести имя нового стиля, после ввода которого, стиль будет добавлен и помечен следующим образом (пользов.) Пример:

Image Added

Настройка скина

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

Image Added

После нажатия кнопки "Создать стиль" панель примет следующий вид

Image Added


В данной панели доступны следующие настройки:

Фон - его можно задать двумя способами: установкой цвета и установкой градиента. При нажатии кнопки "Цвет" откроется редактор настройки цвета:

Image Added

В данном диалоге помимо выбора самого цвета, так же можно указать альфа - канал, который отвечает за прозрачность фона(и в результате самого компонента, к которому будет применен стиль). При альфа-канале равном 255 фон непрозрачен, при равном 0 полностью прозрачен(невидим), соответственно при равном 128 фон прозрачен наполовину.

При нажатии кнопки "Градиент" будет открыт редактор градиента. Задание градиента является альтернативой установки фона через параметр "Цвет". Градиент может задавать плавный переход от одного цвета к другому, переходных цветовых точек может быть 2 и более

Image Added

Image Added

Info
titleГрадиенты

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

Фоновое изображение - для большинства компонентов это единственный способ установить картинку, за исключением компонентов 

 

Цвет текста - эта настройка скина будет применяться если в компоненте есть текст, если текста нет, то игнорируется. Настраивается аналогично фону.

Шрифт - настраивается в стандартном диалоге настройки шрифта, которые будет показан после нажатия кнопки "Изменить шрифт"

Image Added

Граница

Радиус(закругление углов границы)

Предпросмотр стиля компонента

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

Info
titleСохранение

После того как настройка стилей завершена, необходимо нажать кнопку "Сохранить", после чего редактор закроется, а рабочее пространство редактора экранов дизайнера будет перезагружено и к компонентам будут применены все сделанные Вами настройки. Стоит так же помнить что скин будет сохранен локально и для того чтобы изменения были доступны терминалам необходимо выполнить Отправку скина на сервер.

 

Для создания пользовательского стиля выберите в левой части редактора скина необходимы базовый стиль(например "Кнопка" если хотите создать пользовательский стиль для кнопки) и нажмите кнопку "Добавить" Image Added , расположенную в панели, над деревом стилей. После чего будет предложено ввести имя для создаваемого стиля. После ввода имени в дереве стилей появится Ваш пользовательский стиль с пометкой (польз.), а в Редакторе свойств компонента этот стиль станет доступным для назначения на необходимый компонент.