Примеры.

YouTube

Панель управления.

Редактор представляет из себя панель с расположенными внутри кнопками для изменения параметров. Для удобства работы панель перемещается мышкой внутри окна просмотра. По щелчку на верхней части панели (с треугольничком) она сворачивается.
Внутри панели есть блоки, в которых сгруппированы регулировки параметров цвета, ширины бордюра, радиуса закругления углов, работа с тенью.
Нижняя кнопка - сохранение изменений в файл XML.

Переключение режима редактирования панели миниатюр и рамки миниатюр:

Для изменения нажмите на кнопку, на ней отобразится режим редактирования. Button bar - режим редактора панели.
Thumbnail - режим редактора рамки миниатюр.

Блок изменения цвета:

bgcolor - выбор фона (FFFFFF).
border - выбор бордюра (FFFFFF).
shadow - выбор тени слоя (FFFFFF).

Кнопки изменения параметров цвета. Имеют метки, показывающие относительное значение параметра.

1. Изменение цвета (тона).
2. Изменение насыщенности. Сдвиг в лево меняет насыщенность до 0, т.е. цвет становится серым (R=G=B). По умолчанию выход из серого происходит путем уменьшения значения R, значения G и B остаются неизменными. После появления разницы между R и G, B становится возможным изменение цвета (тона).
3. Изменение яркости. От 0 до максимальной. При нулевой яркости (000000) нужно ее поднять сдвигая вправо. Полученный серый цвет можно вывести в цветной путем поднятия насыщенности.
4. Изменение прозрачности.
Щелчок по соответствующей кнопке выбирает элемент редактирования (фон,бордюр, тень), после выбора можно настраивать параметры элемента (цвет, насыщенность, яркость, прозрачность).

Блок настройки ширины бордюра:

all - меняет одновременно ширину бордюров по четырем сторонам. Если изначально стороны разного размера, за основу берется ширина бордюра с левой стороны (ширина остальных бордюров становится равной левой). Остальные кнопки меняют индивидуально ширину бордюров соответственно сторонам.
left - бордюр слева (пиксeли).
right - бордюр справа (пиксeли).
top - бордюр сверху (пиксeли).
bottom - бордюр снизу (пиксeли).

Блок настройки радиуса бордюра:

all - меняет одновременно все закругления углов контейнера. Если изначально радиусы разного размера, за основу берется закругление левого верхнего угла (радиус остальных углов становится равным левому верхнему).

Остальные кнопки меняют индивидуально радиус закругления.
lefttop - левый верхний угол (пиксeли).
righttop - правый верхний угол (пиксeли).
rightbottom - правый нижний угол (пиксeли).
leftbottom - левый нижний угол (пиксeли).

Блок настройки тени:

xoffset - отступ тени по оси х (пиксeли).
yoffset - отступ тени по оси у (пиксeли).
blur - размытие тени.
Spread - размер тени.

Смещение рамки миниатюр:

border padding - отступ рамки (пиксeли).
Кнопка появляется когда выбран режим редактирования бордюра миниатюр.
Движение влево - вправо соответственно увеличивает или уменьшает рамку вокруг миниатюры.

Кнопка сохранения:

Save settings XML - сохранение измененных параметров слоя в файл skin_set.xml.

Как подключить редактор.

Для подключения редактора поместить папку "edit_skin" в корневую папку с туром.

Пример подключения плагина в основном xml:

    <krpano .... >
   
    <include url="edit_skin/edit_skin.xml" />
    <include url="edit_layer/skin_set.xml" />
    .
    .
    </krpano>
	

---

Работа с редактором.

Как редактировать.

Изменения параметра происходит путем нажатия левой клавиши мыши на кнопке и смещения в нажатом состоянии влево (уменьшение параметра), вправо (увеличение параметра). Чем дальше отводится мышь от места нажатия, тем быстреее изменяется параметр.
Изменения сразу применяются к слою и визуально можно контролировать результат.
Внутри панели редактирования расположено 4-е блока - редактор цвета, редактор ширины бордюра, редактор закругления углов, редактор тени.
Щелчок по кнопке настройки параметра выделяет ее зеленой рамкой. Становится доступным ввод параметров с клавиатуры (цифры с правой стороны на клавиатуре). Доступны все цифры, процент (кнопка "5" верхнего ряда клавиатуры) и шестнадцатеричный код для ввода параметров цвета. После набора параметра для ввода нажать "Enter", при ошибке ввода клавиша "Delete" очищает кнопку.

---

Сохранение измененных параметров.

После редактирования нажать кнопку в панели "Save settings to XML".


Откроется окно проводника, в котором нужно указать папку "edit_skin" для сохранения файла "skin_set.xml".
Выбираем в окне файл "skin_set.xml", нажимаем "сохранить" и подтверждаем "заменить файл".



Перезагружаем! окно браузера - изменения приняты.

---

---

---

---

Комментарии.