შექმენით თქვენი საკუთარი ვიჯეტი: 6 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:20

ეს ინსტრუქცია გასწავლით თუ როგორ უნდა შექმნათ ძირითადი Yahoo! ვიჯეტი ამ გაკვეთილის ბოლოს თქვენ ისწავლით JavaScript და XML.

ნაბიჯი 1: დაწყება

ვიჯეტის შესაქმნელად დაგჭირდებათ რამდენიმე ინსტრუმენტი:- კომპიუტერი Mac OS X ან Windows Xp/Vista- ტექსტის რედაქტირების პროგრამა. (რვეული სრულყოფილია.)- გამოსახულების რედაქტირების პროგრამა. (Microsoft Paint კარგად არის.)- მოთმინება და დრო.- Yahoo Widgets- Widget Converter Widget მას შემდეგ რაც გექნებათ ეს პროგრამები და ვიჯეტები, თქვენ მზად ხართ გადადგათ მეორე საფეხურზე.

ნაბიჯი 2: შექმენით საქაღალდის სტრუქტურა

ახლა თქვენ უნდა შექმნათ საქაღალდის სტრუქტურა, რომ შეინახოთ ვიჯეტის ყველა ფაილი. სტრუქტურა ასე გამოიყურება: -ვიჯეტის სახელი | შინაარსი | Widget.kon Main.js რესურსები | ყველა სურათი, რომელსაც ვიჯეტი გამოიყენებს თქვენ შეგიძლიათ ჩამოტვირთოთ ეს ვიჯეტი საქაღალდის სტრუქტურის ავტომატურად შესაქმნელად სტრუქტურა - Reinier Kaper დააწკაპუნეთ ვიჯეტის პარამეტრებზე მარჯვენა ღილაკით მის ნებისმიერ ნაწილზე და დააწკაპუნეთ პარამეტრებზე. შეცვალეთ სტრუქტურის პარამეტრები შემდეგში: root: გადადით თქვენს ვიჯეტის საქაღალდეში. (მდებარეობს Windows- ში "ჩემი დოკუმენტები") ახლა თქვენ შეგიძლიათ დააწკაპუნოთ ვიჯეტზე და გამოჩნდება დიალოგური ფანჯარა, რომელიც გეკითხება ვიჯეტის სახელს.

ნაბიჯი 3: შექმენით ყველა საჭირო ფაილი

ჩვენ დავიწყებთ widget.xml ფაილის შექმნას, რომელიც მოგვითხრობს ვიჯეტის ძრავის ინფორმაციას თქვენი ვიჯეტის შესახებ. ჩამოტვირთეთ შაბლონი, რომელიც თქვენ შექმენით გამოსაყენებლად. გადმოსაწერი ბმული ქვემოთ. განათავსეთ ფაილი "შინაარსის" საქაღალდეში, რომელიც მდებარეობს საქაღალდეში, სახელწოდებით ადრე არჩეული სახელი. გახსენით ფაილი თქვენთვის სასურველი ტექსტური რედაქტორით და შეცვალეთ YourNameHere თქვენი სახელით. შეინახეთ და დახურეთ. შემდეგი ჩვენ შევქმნით.kon ფაილს, რომელიც არის მთავარი ფაილი, რომელიც ეუბნება ვიჯეტს რა უნდა გააკეთოს.. Kon ფაილი არის მხოლოდ XML ფაილი სახელის გაფართოებით. ჩამოტვირთეთ ეს ძირითადი widget.kon ფაილი და ასევე განათავსეთ იგი "შინაარსი" საქაღალდეში. კვლავ გახსენით ფაილი ტექსტური რედაქტორით. პირველი ხაზი ნიშნავს, რომ ფაილი არის XML ფაილი, რომელიც შეიქმნა UTF-8 კოდირებით. შემდეგი ტეგის დამატება არის ვიჯეტის ტეგი; შემდეგ თქვენ აცხადებთ თქვენს პარამეტრებს, როგორიცაა გამართვა; რა ახლა თქვენ მზად ხართ დაამატოთ თქვენი ფანჯრის ელემენტები; რა ვიჯეტებს აქვთ მრავალი ობიექტი, რომლებიც ასრულებენ გარკვეულ ფუნქციებს და აქვთ გარკვეული თვისებები. მაგალითად ტექსტის ობიექტი,, ქმნის ტექსტს. აქ მოცემულია ტექსტის ობიექტის ზოგიერთი თვისების ჩამონათვალი: -სახელი (თვითმმართველობის ახსნა) -ფანჯარა (ამორტიზებული) -დანაშაულება (ტექსტი საჩვენებლად) -vOffset (aka y) -სიგანე -სიმაღლე ამით დავიწყოთ კოდირება. დაამატეთ შემდეგი კოდი kon ფაილში, ტეგებში: myTextHello World! BlueArial18left252 ინგლისურად, ეს ქმნის ტექსტურ ობიექტს სახელად myText, რომელიც აჩვენებს "Hello World!" შრიფტით Arial, ფერი ლურჯი და ზომა 12. შეინახეთ თქვენი kon ფაილი და გააგრძელეთ ნაბიჯი ოთხი.

ნაბიჯი 4: გაიხარე

ორჯერ დააწკაპუნეთ კონ ფაილზე და თქვენი ვიჯეტი ჩაიტვირთება. გილოცავთ! თქვენ შექმენით თქვენი პირველი ვიჯეტი. მაგრამ ჩვენ ჯერ არ დავასრულეთ კოდირება. თქვენ ალბათ ფიქრობთ: "ეს ყველაფერი?", არა? განაგრძეთ ნაბიჯი 5, რომ დაამატოთ რაიმე ფუნქცია თქვენს ვიჯეტს.

ნაბიჯი 5: ფუნქციის დამატება

ახლა ჩვენ ვაპირებთ ვიჯეტის ჩვენებას მიმდინარე დროს. ამას დასჭირდება ტაიმერი, რომელიც განახლდება ყოველ წუთს და სხვა ფაილი. შემდეგი ფაილი იქნება JavaScript ფაილი, რომელიც შევა "შინაარსის" საქაღალდეში. გახსენით თქვენი ტექსტური რედაქტორი და შექმენით ფაილი სახელწოდებით main.js. დროის დასამატებლად ჩვენ გამოვიყენებთ "თარიღის ობიექტს". თარიღის ობიექტის დასაყენებლად თქვენ შექმნით ფუნქციას. დაამატეთ ეს ფუნქცია js ფაილს: ფუნქცია updateText () '{theTime = new Date (); theHour = სიმებიანი (theTime.getHours ()); theMinutes = სიმებიანი (theTime.getMinutes ()); myText.data = "დრო არის:"+საათი+":"+წუთი; ბეჭდვა ('განახლება');} თქვენი ვიჯეტი ჯერ არ აჩვენებს დროს, რადგან არ იცის რა უნდა გააკეთოს js ფაილთან. ამაზე ზრუნვის მიზნით, ჩვენ ვამატებთ ამ მოვლენის დამმუშავებელს კონ ფაილში, ტეგებში, მაგრამ არა ტეგებში: მოიცავს ('main.js'); დროის განახლების მიზნით, ჩვენ უნდა შევქმნათ ტაიმერი, რომელიც შედის კონ ფაილი, ტეგებში, მაგრამ არა ტეგებში: შეინახეთ ფაილები და ჩატვირთეთ ვიჯეტი. მან უნდა აჩვენოს დრო. თუ ის არ მუშაობს, გადმოწერეთ ორივე კონ და js ქვემოდან და შეცვალეთ ძველებით.

ნაბიჯი 6: შეაჯამეთ ეს ყველაფერი

გამოიყენეთ ვიჯეტის გადამყვანი ვიჯეტი ვიჯეტის. ვიჯეტის ფაილში გადასაყვანად. შენიშვნა: გადაიტანეთ საქაღალდე, სახელწოდებით თქვენი ვიჯეტის სახელი კონვერტორზე და არა kon ფაილზე. თუ გსურთ კიდევ უფრო წინ წასვლა თქვენი ვიჯეტით, აითვისეთ რამდენიმე რესურსი აქ. აქ არის ჩამონათვალი იმისა, რისი მიღწევაც შეგიძლიათ თქვენი ვიჯეტის საშუალებით: დაამატეთ რამდენიმე ღონისძიების დამმუშავებელი, როგორიცაა on დაწკაპუნებით ან tags.-აჩვენეთ სურათი ადგილობრივი ფაილიდან გამოსახულების ობიექტის გამოყენებით იმედია თქვენთვის სასარგებლო აღმოჩნდა ეს გაკვეთილი და ისარგებლებთ ვიჯეტების უსასრულო შესაძლებლობებით, მონადირე