Блог про iGoogle Голосов: 2 Адрес блога: http://www.googlegadgets.ru/ Добавлен: 2008-06-12 21:27:27 блограйдером ZaiSL

Разработчикам гаджетов: скинирование гаджетов

2008-01-14 08:23:00 (читать в оригинале)

Для чего нужно скинирование?

У каждого пользователя свой вкус, свои любимые цвета, своя тема iGoogle, поэтому имеет смысл дать пользователю возможность выбирать, как будет выглядеть гаджет на его персональной странице.
Это реализуется с помощью скинов, каждый из которых обеспечивает особый внешний вид гаджета (цветовая схема, графика и т.д.)

Где применяется скинирование?

Применять скинирование в первую очередь стоит в гаджетах развлекательного характера. Мы сделали это для гаджета «Чарты MTV».
Он поддерживает три скина по аналогии с сайтом MTV:

1. Техно (скин по умолчанию)
   
2. Авангард
   
3. Гламур
   

Как реализовать скинирование?

Выбранный пользователем скин хранится в настройках гаджета. А верстка для скинов хранится во внешнем файле skins.xml:

При загрузке гаджет запрашивает (с помощью Ajax) файл skins.xml и загружает из него верстку выбранного пользователем скина в гаджет. После загрузки скина, в контентную область гаджета загружается контент (в данном случае чарты).

Вся графика для каждого скина хранится в отдельной папке, имя которой соответствует имени скина (techno, avangard, glamour).
В гаджете также выводятся иконки скинов, т.ч. выбрать скин можно не только в настройках гаджета, но и прямо в теле гаджета – это нужно, чтобы пользователю было сразу понятно, что гаджет поддерживает скинирование. При клике на иконку скина в настройках гаджета сохраняется выбранный скин и гаджет инициализируется заново, уже с новым скином.

Упрощение скинирования

Не обязательно использовать отдельную верстку для каждого скина, это требуется, только когда используются сложные скины (как в Чартах MTV). Лучше делать скинирование так, чтобы менять скины можно было только сменой файлов CSS. Так мы сделали для новостных (RSS) гаджетов, поддерживающих скинирование.

Скинирование в них реализовано также, как и в Чартах MTV, но верстка используется одна и та же. А для выбранного скина загружается свой CSS-файл, это позволяет добавлять новые скины в течение нескольких минут лишь редактированием одного CSS-файла и, при необходимости, добавлением графических файлов в папку скина.

Автор: Евгений Демченко