Како направити виџет

click fraud protection
...

Архитектура виџета

Виџети су самосталне апликације које се обично могу наћи уграђене на сајтовима трећих страна као сатови, аукцијски тикери, одбројавања догађаја итд. Виџети су стога мини апликације које се лако постављају, брзо се развијају и користе за искориштавање напредних технологија додавањем функционалности постојећим апликацијама. Ако можете да направите веб страницу, онда знате како да креирате и примените виџет пошто они користе исту технологију ЈаваСцрипт, ДХТМЛ и ЦСС. Виџети могу бити или додатак, апликација или информациони виџети. Додатни виџети су самостални и раде независно од Интернета или апликације. Виџети апликације су потпуно повезани са апликацијом док информативни виџети раде са Интернет подацима.

Архитектура

Корак 1

Покрените уређивач текста и креирајте ХТМЛ датотеку. ХТМЛ датотека треба да буде у складу са стандардом КСХТМЛ 1.0 и новијим како би била у складу са најбољим праксама тренутног веб стандарда. Једноставан КСХТМЛ код ће изгледати овако:

Видео дана

Видгетс

Корак 2

Користити таг за обављање потпуног 2Д рендеровања за виџет ако је потребно. Атрибут „цомпосите“ је још један додатак ознаци који омогућава да се одреди како се слика („пицтуре.пнг“) приказује.

Корак 3

Користите каскадне табеле стилова (ЦСС) да бисте стилизовали виџет тако да се уједначено приказује у свим прегледачима. Део ЦСС датотеке би садржао следећи стил:

Корак 4

Ставите горњу датотеку у посебну датотеку. У овом примеру, датотеку смо сачували као „видгет.цсс“. Позовите датотеку користећи наредбу „импорт“ у главној хтмл датотеци као што је приказано:

Додавање динамике

Корак 1

Користите објекат „виџет“ да бисте пружили додатну могућност. На пример, да бисте приступили корисничким подешавањима, користите следећи ред кода:

видгет.сетПреференцеФорКеи (преференце, кључ) ГО видгет.преференцеФорКеи (кључ);

Корак 2

Користите догађаје активације да бисте избегли прекомерно коришћење ЦПУ времена или мрежних ресурса од стране виџета. Код испод показује како се то ради:

Иф (виндов.видгет) { видгет.хиде = хиде ИДЕ видгет.схов = схов ГО

фунцтион хиде() { иф (тимеИнтервал == нулл) { тимеИнтервал = сетИнтервал (упдатеТиме (труе);", 500) ГО } }

Додајте друге функције коду како желите.

Корак 3

Креирајте датотеку „Инфо.плист“ да бисте идентификовали виџет и његове ресурсе. Ова датотека се разликује од тога шта треба да садржи у зависности од типа виџета.

Савет

У складу са употребом Веб технологије, динамика виџета се обезбеђује коришћењем ЈаваСцрипт-а. Ово омогућава виџету да приступи подешавањима корисника на систему, да окрене виџете да приступи подешавањима, отвори друге апликације, реагују на догађаје на веб страници и извршавају системске команде као што су алати командне линије и шкољка скрипте.