novosibpano@yandex.ru  

Редактор скина для krpano.

Возможности редактора скина.

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

  • Изменение основных параметров позиционирования слоя.
  • Для работы не нужно открывать файл XML и править код.
  • Возможность наглядно менять тон, насыщенность, яркость и прозрачность панели управления, бордюра, тени.
  • Возможность визуально контролировать результат во время изменений.
  • Оригинальная система изменения параметров, нет нагромождения кнопок.
  • Возможность ввода параметров с клавиатуры цыфры, проценты 16-й код для цвета.
  • Изменения сохраняются в файл XML.



Примеры.

Пример на 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", нажимаем "сохранить" и подтверждаем "заменить файл".



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






    Скачать редактор.

    Скачайте демонстрационную версию редактора с примером. Отличие от полной только в том, что не включена кнопка "Save settings XML"

    Для подключения пропишите
    
        <include url="edit_skin/edit_skin.xml" />
    	    
    Архив включает в себя:
  • Рабочий пример использования.
  • В примере папка "edit_skin" с файлами редактора в которой:
  • edit_skin.xml (Исполняющий файл.)
  • picture (Папка с иконками.)

  • Получить рабочую версию плагин редактора .

    Если вам понравился редактор Вы можете получить рабочую версию с сохранением в файл XML сделав пожертвование через PayPal (кнопка Pay Nov). в размере от 9 евро. Или связаться со мной по почте novosibpano@yandex.ru для уточнения другого метода оплаты.
    Не забудьте указать адрес электронной почты. После оплаты я вышлю на этот адрес полную версию редактора в течении одного дня.

    Редактор дизайна интерфейса 9 EUR.
    Редактор скина 626 руб.


    Лицензия

    Этот плагин предлагается как коммерческий плагин. Он предоставляется «как есть» без каких-либо гарантий, явных или подразумеваемых, включая любую гарантию качества, товарности или пригодности для определенной цели. Ни в коем случае автор плагина не несет ответственности за потерю данных, стоимость закупки замещающих товаров или услуг или любых особых, косвенных или случайных убытков по любой причине и независимо от того, или нет, автор плагина был уведомлен о возможности такого ущерба.
      Это ограничение будет применяться независимо от любого отказа основной цели любого ограниченного средства правовой защиты, предусмотренного в настоящем документе. В любом случае автор плагина не будет нести ответственности, вытекающей из этого соглашения.