wiki:customize

Кастумизация интерфейса

Механизм обработки контента

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

Обработка изображения, окраска

Изображение может быть загружено с параметрами:

  • colorize_h - принудительно меняет H-компоненту (тон) цвета в HSV для каждого пиксела изображения.
  • colorize_diff_v - меняет V-компоненту цвета в HSV для каждого ЦВЕТНОГО пиксела изображения на значение параметра. Значение параметра может быть отрицательным.
  • colorize_diff_s - меняет S-компоненту цвета в HSV для каждого ЦВЕТНОГО пиксела изображения на значение параметра. Значение параметра может быть отрицательным.

Пример использования:

// Штатный цвет, без изменений:
data:/images/main-btn-bg.png
// Изменённый цвет
data:/images/main-btn-bg.png?colorize_h=30&colorize_diff_v=-30

Обработка по шаблону, шаблонизация.

Шаблонизация включается параметром template=on, в этом случае шаблонизатор использует карту параметров, передаваемых в виде пар template/Параметр=Значение. Шаблонизатор производит поиск и замену Параметра на Значение во запрашиваемом контенте. Пример:

// Замена в index.css всех включений %fg_color% и %bg_color% на соответствующие цвета
data:/css/index.css?template=on&template/%fg_color%=#f00&template/%bg_color%=#0f0

Прелоадер

Прелоадер - набор предустановленных параметров для механизма обработки контента, указанный для отдельного контента. Прелоадер - это по-сути карта, которому каждому URL контента (каждому файлу) ставит в соответствии набор параметров. Файлы будут загружаться в соответствии с этими параметрами. Пример использования:

var preload_setup = {

//	Окраска изображений

//	"data:/images/bg-main.jpg": { "colorize_h" : 30, "colorize_diff_v" : -50 },
//	"data:/images/main-page-btn-icons.png": { "colorize_h" : 30, "colorize_diff_v" : -50 },
//	"data:/images/main-btn-bg.png": { "colorize_h" : 40 },

//  Шаблонизация

//	"data:/html/index.html": { "template" : "on", "template/%fg_color%" : "#f00", "template/%bg_color%": "#0f0" },
//	"data:/css/index.css": { "template" : "on", "template/%fg_color%" : "#f00", "template/%bg_color%": "#0f0" },

};

controller.SetPreloadSetup (preload_setup);

Установку прелоадера можно выполнять и изменять в любое время, глобальные настройки прелоадера рекомендуется устанавливать в бутлоадере.

Практика (штатный интерфейс СТАМП)

Прелоадер расположен в файле /js/settings.js Необходимо раскомментировать соответствующие строки и выставить нужные параметры.

Last modified 12 years ago Last modified on Jul 18, 2012, 2:09:08 PM