Създайте свой собствен джаджа: 6 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:55

Този Instructable ще ви научи как да създадете основен 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. Следващият таг за добавяне е тагът на джаджата; След това декларирате настройките си, като например отстраняване на грешки;. Сега сте готови да добавите елементите на прозореца си;. Приспособленията имат множество обекти, които правят определени неща и имат определени свойства. Например текстовият обект,, създава текст. Ето списък на някои от свойствата на текстовия обект: -име (самообяснение) -прозорец (амортизиран) -данни (текст за показване) -цвет (самообяснение) -размер -шрифт -hOffset (известен още като x) -vOffset (известен още като y) -width -height С казаното, нека започнем кодирането. Добавете следния код към kon файла в етикетите: myTextHello World! BlueArial18left252На английски това създава текстов обект с име myText, който показва „Hello World!“с шрифт Arial, цвят син и размер 12. Запазете файла си kon и продължете към стъпка четири.

Стъпка 4: Радвайте се

Щракнете двукратно върху файла kon и вашата джаджа ще се зареди. Честито! Създали сте първата си джаджа. Но все още не сме приключили с кодирането. Вероятно си мислите: „Това е всичко?“, Нали? Продължете към стъпка 5, за да добавите някаква функция към вашата джаджа.

Стъпка 5: Добавяне на функция

Сега ще направим джаджата да показва текущото време. Това ще изисква таймер, който се актуализира всяка минута, и друг файл. Следващият файл ще бъде JavaScript файл, който ще отиде в папката „Съдържание“. Отворете текстовия редактор и създайте файл, наречен main.js. За да добавим часа, ще използваме „обект Дата“. За да настроите обекта за дата, създавате функция. Добавете тази функция към js файла: function updateText () '{theTime = new Date (); theHour = String (theTime.getHours ()); theMinutes = String (theTime.getMinutes ()); myText.data = "Часът е:"+theHour+":"+theMinutes; print ('update');} Вашата джаджа още няма да покаже часа, защото не знае какво да прави с js файла. За да се погрижим за това, добавяме този манипулатор на събития към файла Kon, в маркерите, но не и в таговете: include ('main.js'); За да актуализираме времето, трябва да създадем таймер, който влиза в файла Kon, в маркерите, но не и в етикетите: Запазете файловете и заредете приспособлението. Трябва да показва часа. Ако не работи, изтеглете и kon и js отдолу и ги заменете със старите.

Стъпка 6: Обобщавайки всичко

Използвайте джаджа за конвертиране на приспособления, за да конвертирате джаджата във.widget файл. ЗАБЕЛЕЖКА: Плъзнете папката, озаглавена името на вашата джаджа в конвертора, а не файла kon. Ако искате да отидете още по-далеч с вашата джаджа, вземете някои ресурси тук. Ето списък на нещата, които можете да опитате да постигнете с вашата джаджа: -Добавете предпочитания за контрол на шрифта с помощта на маркера и под-маркера на шрифта- Добавете някои манипулатори на събития като onClick с помощта на или тагове.-Покажете изображение от локален файл, използвайки обекта на изображението