Архитектура виджетов
Виджеты - это автономные приложения, которые обычно можно найти встроенными на сторонних сайтах в качестве часов, тикеров аукционов, обратного отсчета событий и т. Д. Таким образом, виджеты представляют собой мини-приложения, которые легко развертывать, быстро разрабатывать и использовать для использования передовых технологий путем добавления функциональности к существующим приложениям. Если вы можете создать веб-страницу, то вы знаете, как создать и развернуть виджет, поскольку они используют ту же технологию 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
Используйте события активации, чтобы избежать чрезмерного использования виджетом процессорного времени или сетевых ресурсов. В приведенном ниже коде показано, как это делается:
Если (window.widget) {widget.hide = скрыть GO widget.show = показать GO
function hide () {if (timeInterval == null) {timeInterval = setInterval (updateTime (true); ", 500) GO}}
Добавьте в код другие функции по своему усмотрению.
Шаг 3
Создайте файл «Info.plist» для идентификации виджета и его ресурсов. Этот файл зависит от того, что он должен содержать, в зависимости от типа виджета.
Подсказка
В соответствии с использованием веб-технологий, динамизм виджетов обеспечивается с помощью JavaScript. Это позволяет виджету получить доступ к пользовательским настройкам в системе, переворачивать виджеты для доступа к настройкам, открывать другие приложения, реагируют на события веб-страницы и выполняют системные команды, такие как инструменты командной строки и оболочка скрипты.
