Як створити віджет

...

Архітектура віджетів

Віджети — це окремі додатки, які зазвичай можна знайти вбудованими на сторонніх сайтах, як годинники, аукціонні тікери, зворотний відлік подій тощо. Таким чином, віджети — це міні-додатки, які легко розгортати, швидко розробляти та використовувати для використання передових технологій шляхом додавання функціональних можливостей до існуючих програм. Якщо ви можете створити веб-сторінку, то ви знаєте, як створити та розгорнути віджет, оскільки вони використовують ту саму технологію JavaScript, DHTML і CSS. Віджети можуть бути аксесуарами, програмними або інформаційними віджетами. Додаткові віджети є автономними, які працюють незалежно від Інтернету чи програми. Віджети програми повноцінно пов'язані з програмою, тоді як інформаційні віджети працюють з даними Інтернету.

Архітектура

Крок 1

Запустіть текстовий редактор і створіть файл HTML. Файл HTML має відповідати стандарту XHTML 1.0 і вище, щоб відповідати найкращим практикам поточного веб-стандарту. Простий код XHTML виглядатиме так:

Відео дня

Віджети

Крок 2

Використовувати тег для виконання повного 2D-рендеринга для віджета, якщо потрібно. Атрибут "composite" є ще одним доповненням до тегу, який дозволяє вказати спосіб відтворення зображення ("picture.png").

Крок 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. Це дозволяє віджету отримувати доступ до налаштувань користувача в системі, перевертати віджети для доступу до налаштувань, відкривати інші програми, реагувати на події веб-сторінки та виконувати системні команди, такі як інструменти командного рядка та оболонка сценарії.