Как создать виджет
Виджеты — это автономные приложения, которые обычно можно найти на сторонних сайтах в виде часов, бегущих строк аукционов, обратного отсчета событий и т. д. Таким образом, виджеты — это мини-приложения, которые легко развернуть, быстро разработать и использовать для использования передовых технологий путем добавления функциональность существующих приложений. Если вы можете создать веб-страницу, то вы знаете, как создать и развернуть виджет, поскольку они используют одну и ту же технологию JavaScript, DHTML и CSS. Виджеты могут быть аксессуарами, приложениями или информационными виджетами. Дополнительные виджеты являются автономными и работают независимо от Интернета или приложений. Виджеты приложений полностью связаны с приложением, а информационные виджеты работают с интернет-данными.
Архитектура
Шаг 1
Запустите текстовый редактор и создайте файл HTML. Файл HTML должен соответствовать стандарту XHTML 1.0 и более поздним версиям, чтобы соответствовать рекомендациям текущих веб-стандартов. Простой код XHTML будет выглядеть следующим образом:
Добро пожаловать в мир виджетов
Шаг 2
Используйте тег
Шаг 3
Используйте каскадные таблицы стилей (CSS) для оформления виджета таким образом, чтобы он отображался одинаково во всех браузерах. Часть файла CSS будет содержать следующие стили:
Шаг 4
Поместите вышеуказанный файл в отдельный файл. В этом примере мы сохранили файл как «widget.css». Ссылайтесь на файл, используя оператор «import» в основном файле html, как показано:
<голова>
Добавление динамизма
Шаг 1
Используйте объект «виджет», чтобы предоставить дополнительные возможности. Например, чтобы получить доступ к настройкам пользователя, используйте следующую строку кода:
widget.setPreferenceForKey (предпочтение, ключ) GO widget.preferenceForKey (ключ);
Шаг 2
Используйте события активации, чтобы избежать чрезмерного использования процессорного времени или сетевых ресурсов виджетом. Код ниже показывает, как это делается:
If (window.widget) { widget.hide =скрыть GO widget.show =показать GO
function hide() { if (timeInterval ==null) { timeInterval =setInterval (updateTime (true);", 500) GO }
Добавьте в код другие функции по своему усмотрению.
Шаг 3
Создайте файл «Info.plist», чтобы идентифицировать виджет и его ресурсы. Этот файл зависит от того, что он должен содержать в зависимости от типа виджета.
Совет
В соответствии с использованием веб-технологий динамизм виджетов обеспечивается с помощью JavaScript. Это позволяет виджету получать доступ к настройкам пользователя в системе, переворачивать виджеты для доступа к настройкам, открывать другие приложения, реагировать на события веб-страницы и выполнять системные команды, такие как инструменты командной строки и сценарии оболочки.