Widget Nasıl Oluşturulur

...

Widget Mimarisi

Widget'lar, genellikle saatler, açık artırma kayıtları, etkinlik geri sayımları vb. gibi üçüncü taraf sitelerde yerleşik olarak bulunabilen bağımsız uygulamalardır. Widget'lar, dağıtımı kolay, geliştirmesi hızlı ve mevcut uygulamalara işlevsellik ekleyerek gelişmiş teknolojilerden yararlanmak için kullanılan mini uygulamalardır. Bir Web sayfası oluşturabiliyorsanız, aynı JavaScript, DHTML ve CSS teknolojisini kullandıkları için bir widget'ı nasıl oluşturacağınızı ve dağıtacağınızı bilirsiniz. Widget'lar aksesuar, uygulama veya bilgi widget'ları olabilir. Aksesuar pencere öğeleri, İnternet veya bir uygulamadan bağımsız olarak çalışan bağımsızdır. Bilgi pencere öğeleri İnternet verileriyle çalışırken, uygulama pencere öğeleri bir uygulama ile tam teşekküllü olarak ilişkilendirilir.

Mimarlık

Aşama 1

Metin düzenleyicinizi çalıştırın ve bir HTML dosyası oluşturun. HTML dosyası, mevcut Web standardı en iyi uygulamalarına uymak için XHTML 1.0 standardına ve üstüne uymalıdır. Basit bir XHTML kodu şöyle görünecektir:

Günün Videosu

Widget'lar

Adım 2

Kullan gerekirse widget için tam 2B oluşturmayı gerçekleştirmek için etiketi. "Bileşik" özniteliği, görüntünün ("picture.png") nasıl oluşturulacağını belirlemeye izin veren etikete yapılan başka bir ektir.

Aşama 3

Widget'ı tüm tarayıcılarda aynı şekilde görüntülenecek şekilde stillendirmek için Basamaklı Stil Sayfalarını (CSS) kullanın. CSS dosyasının bir kısmı aşağıdaki stili içerecektir:

4. Adım

Yukarıdaki dosyayı ayrı bir dosyaya yerleştirin. Bu örnekte dosyayı "widget.css" olarak kaydettik. Ana html dosyasında gösterildiği gibi "import" ifadesini kullanarak dosyaya başvurun:

Dinamizm Eklemek

Aşama 1

Ek yetenek sağlamak için "widget" nesnesini kullanın. Örneğin, kullanıcı tercihlerine erişmek için aşağıdaki kod satırını kullanın:

widget.setPreferenceForKey (tercih, anahtar) GO widget.preferenceForKey (anahtar);

Adım 2

Widget tarafından aşırı CPU zamanını veya ağ kaynaklarını kullanmaktan kaçınmak için etkinleştirme olaylarını kullanın. Aşağıdaki kod bunun nasıl yapıldığını gösterir:

If (window.widget) { widget.hide = GO'yu gizle widget.show = GO'yu göster

function hide() { if (timeInterval == null) { timeInterval = setInterval (updateTime (true);", 500) GO } }

Tercih ettiğiniz gibi koda başka işlevler ekleyin.

Aşama 3

Bir widget'ı ve onun kaynaklarını tanımlamak için "Info.plist" dosyasını oluşturun. Bu dosya, widget'ın türüne bağlı olarak ne içermesi gerektiğine göre değişir.

Web teknolojisi kullanımlarına uygun olarak JavaScript kullanılarak widget dinamizmi sağlanmaktadır. Bu, widget'ın sistemdeki kullanıcı tercihlerine erişmesine, tercihlere erişmek için widget'ları çevirmesine, diğer uygulamalar, Web sayfası olaylarına yanıt verir ve komut satırı araçları ve kabuk gibi sistem komutlarını yürütür. Kodlar.