Öz Widget'ınızı yaradın: 6 addım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:48

Bu təlimat sizə əsas Yahoo! Widget. Bu dərsliyin sonunda bir az JavaScript və XML öyrənmiş olacaqsınız.

Addım 1: Başlayın

Bir widget etmək üçün sizə lazım olacaq bəzi vasitələr bunlardır:- Mac OS X və ya Windows Xp/Vista ilə bir kompüter- Mətn redaktə proqramı. (Notepad mükəmməldir.)- Bir şəkil redaktə proqramı. (Microsoft Paint yaxşıdır.)- Səbir və vaxt.- Yahoo Widgets- Widget Converter Widget Bu proqramlar və vidjetlərə sahib olduqdan sonra ikinci addıma keçməyə hazırsınız.

Addım 2: Qovluq Quruluşu Yaratmaq

İndi bir widget təşkil edən bütün faylları yerləşdirmək üçün qovluq quruluşu yaratmalısınız. Struktur belə görünür: -Widget Adı | Məzmun | Widget.kon Main.js Resursları | Vidcetin istifadə edəcəyi bütün şəkillər Qovluq quruluşunu avtomatik olaraq yaratmaq üçün bu vidceti yükləyə bilərsinizStructure - Reinier KaperVidjetin hər hansı bir hissəsinə sağ tıklayaraq seçimlərini təyin edin və seçimləri vurun. Struktur seçimlərini aşağıdakı kimi dəyişdirin: kök: Vidjet qovluğuna gedin. (Windows -da 'Sənədlərim' bölməsində yerləşir) İndi widgetı vura bilərsiniz və sizdən widgetın adını soruşan bir informasiya qutusu açılacaq.

Addım 3: Bütün Lazımi Dosyaları Yaratmaq

Widget haqqında widget mühərrikləri haqqında məlumat verən widget.xml faylını yaratmağa başlayacağıq. İstifadə etmək üçün yaratdığınız şablonu yükləyin. Aşağıdakı linki yükləyin. Dosyanı əvvəllər seçdiyiniz adın adı olan qovluqdakı 'İçindəkilər' qovluğuna yerləşdirin. Dosyanı seçdiyiniz mətn redaktoru ilə açın və YourNameHere -ı adınızla əvəz edin. Saxla və bağla. Sonra vidjetə nə edəcəyini söyləyən əsas fayl olan.kon faylını yaradacağıq.. Kon faylı, adı dəyişdirilən bir uzantısı olan bir XML faylıdır. Bu əsas widget.kon faylını yükləyin və 'İçindəkilər' qovluğuna yerləşdirin. Yenə də mətn redaktoru ilə faylı açın. Birinci sətir, faylın UTF-8 kodlaması ilə yaradılmış bir XML faylı olduğunu bildirir. Əlavə ediləcək növbəti etiket widget etiketidir; Sonra, debug kimi parametrlərinizi elan edirsiniz;. İndi pəncərə elementlərinizi əlavə etməyə hazırsınız;. Vidjetlər müəyyən şeylər edən və müəyyən xüsusiyyətlərə malik bir çox obyektə malikdir. Məsələn, mətn obyekti,, mətn yaradır. Mətn obyektinin bəzi xüsusiyyətlərinin siyahısı bunlardır: -ad (özünü izah edən) -pəncərə (köhnəlmiş) -datalar (göstəriləcək mətn) -rəng (özünü izah edən) -ölçü -şrift -hOffset (aka x) -vOffset (aka y) -width -height Bunu söyləyərək kodlamağa başlayaq. Aşağıdakı kodu etiketlərə kon faylına əlavə edin: myTextHello World! BlueArial18left252 İngilis dilində bu "Hello World!" Yazan myText adlı bir mətn obyekti qurur. yazı tipi Arial, mavi rəng və ölçü 12. Kon faylınızı qeyd edin və dördüncü addıma davam edin.

Addım 4: Yenidən sevin

Kon faylına iki dəfə vurun və widgetınız yüklənəcək. Təbrik edirik! İlk widgetınızı yaratmısınız. Amma biz hələ kodlaşdırmanı bitirməmişik. Çox güman ki, "Hamısı budur?" Düşünürsən, elə deyilmi? Vidjetinizə bəzi funksiyalar əlavə etmək üçün 5 -ci addıma davam edin.

Addım 5: funksiya əlavə edin

İndi widgetı cari vaxtı göstərəcəyik. Bunun üçün hər dəqiqə yenilənən bir taymer və başqa bir fayl tələb olunacaq. Növbəti fayl 'Contents' qovluğuna gedəcək bir JavaScript faylı olacaq. Mətn redaktorunuzu açın və main.js. adlı bir fayl yaradın. Vaxtı əlavə etmək üçün "Tarix obyekti" ndən istifadə edəcəyik. Tarix obyektini qurmaq üçün bir funksiya yaradırsınız. Bu funksiyanı js faylına əlavə edin: function updateText () '{theTime = new Date (); theHour = String (theTime.getHours ()); theMinutes = String (theTime.getMinutes ()); myText.data = "Vaxt:" +Saat+":"+Dəqiqələr; print ('update');} Widgetiniz hələ vaxt göstərməyəcək, çünki js faylı ilə nə edəcəyini bilmir. Bunun qayğısına qalmaq üçün bu hadisə işleyicisini etiketlərdə deyil, etiketlərdə olan Kon faylına əlavə edirik: include ('main.js'); Zamanı yeniləmək üçün daxil olan bir taymer yaratmalıyıq. etiketlərdə deyil, etiketlərdə olan Kon faylı: Faylları qeyd edin və widgetı yükləyin. Zamanı göstərməlidir. İşləmirsə, həm kon, həm də js faylını aşağıdan yükləyin və köhnələri ilə əvəz edin.

Addım 6: Hər şeyi yekunlaşdırın

Widgetı.widget faylına çevirmək üçün widget çevirici vidjetindən istifadə edin. QEYD: Vidjetinizin adı olan qovluğu kon faylına deyil, çeviriciyə sürükləyin. Vidjetinizlə daha da irəli getmək istəyirsinizsə, buradan bəzi mənbələri götürün. Burada widgetınızla həyata keçirməyə çalışa biləcəyiniz şeylərin siyahısı var:-Etiketdən istifadə edərək şriftə və yazı tipi alt etiketinə nəzarət etmək üçün üstünlüklər əlavə edin- OnClick və ya etiketləri istifadə edərək onClick kimi bəzi hadisə işləyiciləri əlavə edin.