Skip to end of metadata
Go to start of metadata

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

Градиенты

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

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

 

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

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

Граница

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

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

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

Сохранение

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

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

  • No labels

0 Comments

You are not logged in. Any changes you make will be marked as anonymous. You may want to Log In if you already have an account.