Жеке виджетті жасаңыз: 6 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:27

Бұл нұсқаулық сізге негізгі Yahoo! Виджет. Бұл оқулықтың соңында сіз JavaScript пен XML үйрендіңіз.

1 -қадам: Жұмысты бастау

Виджет жасау үшін сізге қажет кейбір құралдар:- Mac OS X немесе Windows Xp/Vista орнатылған компьютер- Мәтінді өңдеу бағдарламасы. (Блокнот мінсіз.)- Суретті өңдеуге арналған бағдарлама. (Microsoft Paint жақсы.)- шыдамдылық пен уақыт.- Yahoo виджеттері- виджет түрлендіргіш виджеті Егер сізде бұл бағдарламалар мен виджеттер болғаннан кейін сіз екінші қадамға өтуге дайынсыз.

2 -қадам: Қалта құрылымын құру

Енді сізге виджетті құрайтын барлық файлдарды орналастыру үшін қалта құрылымын жасау қажет болады. Құрылым келесідей болады: -Виджет атауы | Мазмұны | Widget.kon Main.js ресурстары | Виджет қолданатын барлық кескіндер Сіз бұл виджетті қалта құрылымын автоматты түрде жасау үшін жүктей аласыз Құрылымы - Рейнер Капер Виджеттің параметрлерін оның кез келген бөлігін тінтуірдің оң жақ түймешігімен нұқып, қалауды нұқыңыз. Құрылым теңшелімдерін келесіге өзгертіңіз: root: виджет қалтасына өтіңіз. (Windows жүйесінде «Менің құжаттарым» бөлімінде орналасқан) Енді сіз виджетті шерте аласыз және виджеттің атын сұрайтын диалогтық терезе пайда болады.

3 -қадам: барлық қажетті файлдарды жасау

Біз виджет туралы виджет туралы ақпарат беретін widget.xml файлын құрудан бастаймыз. Қолдану үшін жасалған үлгіні жүктеңіз. Төмендегі сілтемені жүктеңіз. Файлды бұрын таңдаған атаудың қалтасында орналасқан 'Мазмұны' қалтасына салыңыз. Файлды өзіңіз таңдаған мәтіндік редактормен ашыңыз және YourNameHere орнына атыңызды қойыңыз. Сақтау және жабу Біз виджетке не істеу керектігін айтатын негізгі файл.kon файлын жасаймыз.. Kon файлы - кеңейтімі өзгертілген XML файлы. Бұл негізгі widget.kon файлын жүктеп алып, оны «Мазмұны» қалтасына орналастырыңыз. Қайта файлды мәтіндік редактормен ашыңыз. Бірінші жол файл UTF-8 кодтауымен жасалған XML файлы екенін білдіреді. Келесі қосылатын тег - виджет тегі; Содан кейін сіз күйге келтіру сияқты параметрлерді жариялайсыз;. Енді сіз терезе элементтерін қосуға дайынсыз;. Виджеттерде белгілі бір әрекеттерді орындайтын және белгілі бір қасиеттері бар бірнеше объектілер бар. Мысалы, мәтіндік объект,, мәтін жасайды. Мұнда мәтіндік объектінің кейбір қасиеттерінің тізімі келтірілген: -атау (өзін -өзі түсіндіру) -терезе (амортизацияланған) -мәліметтер (көрсету үшін мәтін) -түс (өзін -өзі түсіндіру) -өлшемі -шрифт -hOffset (aka x) -vOffset (aka y) -width -height Осымен кодтауды бастайық. Келесі кодты kon файлына тегтерде қосыңыз: myTextHello World! BlueArial18left252 Ағылшын тілінде бұл «Hello World!» Бейнеленетін myText атты мәтіндік объект орнатады. қаріппен Arial, көк түс және өлшем 12. Кон файлын сақтап, төртінші қадамды жалғастырыңыз.

4 -қадам: Көңіл көтеріңіз

Kon файлын екі рет нұқыңыз, сонда виджет жүктеледі. Құттықтаймын! Сіз бірінші виджетті жасадыңыз. Бірақ біз әлі кодтауды аяқтаған жоқпыз. Мүмкін сіз «бәрі осы ма?» Деп ойлайтын шығарсыз? Виджетке қандай да бір функция қосу үшін 5 -қадамға өтіңіз.

5 -қадам: Функцияны қосу

Енді біз виджетті ағымдағы уақытты көрсететін боламыз. Бұл әр минут сайын жаңартылатын таймерді және басқа файлды қажет етеді. Келесі файл JavaScript файлы болады, ол «Мазмұн» қалтасында болады. Мәтіндік редакторды ашып, main.js. файлын жасаңыз. Уақытты қосу үшін біз «Date объектісін» қолданамыз. Күн нысанын орнату үшін сіз функция жасайсыз. Бұл функцияны js файлына қосыңыз: updateText () '{theTime = new Date (); theHour = String (theTime.getHours ()); theMinutes = String (theTime.getMinutes ()); myText.data = «Уақыт:»+сағат+«:»+минуттар; print ('update');} Сіздің виджет әлі уақытты көрсетпейді, себебі ол js файлымен не істеу керектігін білмейді. Бұған қамқорлық жасау үшін біз бұл оқиға өңдегішін тегтерге емес, Kon файлына қосамыз: include ('main.js'); Уақытты жаңарту үшін бізге таймер жасау керек, ол кіретін тегтерде, бірақ тегтерде емес Kon файлын: файлдарды сақтап, виджетті жүктеңіз. Ол уақытты көрсетуі керек. Егер ол жұмыс істемесе, төменнен kon және js жүктеп алып, ескілерімен алмастырыңыз.

6 -қадам: Барлығын қорытындылау

Виджетті.widget файлына түрлендіру үшін виджет түрлендіргіш виджетін пайдаланыңыз. ЕСКЕРТПЕ: виджеттің атауы бар қалтаны kon файлына емес, түрлендіргішке сүйреңіз. Егер сіз виджетті одан әрі дамытқыңыз келсе, мына жерден виджеттің көмегімен жасауға болатын нәрселердің тізімін алыңыз:-Тегті қолдана отырып қаріпті басқаруға және қаріптің ішкі тегіне- OnClick сияқты кейбір оқиғаларды өңдеушілерді немесе тегтерді қолдана отырып қосыңыз.-Кескін объектісін пайдаланып жергілікті файлдағы кескінді көрсетіңіз, бұл оқу құралы сізге пайдалы болды деп үміттенеміз және сізге виджеттердің шексіз мүмкіндіктері ұнайды, Hunter