Өзүңүздүн жеке виджетиңизди түзүңүз: 6 кадам

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:43

Бул Instructable сизге негизги Yahoo түзүүнү үйрөтөт! Виджет. Бул окуу куралынын аягында сиз JavaScript жана XMLдин айрымдарын үйрөнөсүз.

1 -кадам: Баштоо

Виджет жасоо үчүн сизге керек болгон кээ бир инструменттер:- Mac OS X же Windows Xp/Vista менен компьютер- Текстти түзөтүү программасы. (Блокнот идеалдуу.)- Сүрөттү түзөтүү программасы. (Microsoft Paint жакшы.)- Чыдамдуулук жана убакыт.- Yahoo Widgets- Widget Converter Widget Сизде бул программалар жана виджеттер болгондон кийин, сиз экинчи кадамга өтүүгө даярсыз.

2 -кадам: Папканы түзүүнү түзүү

Эми сиз виджетти түзгөн бардык файлдарды жайгаштыруу үчүн папка түзүмүн түзүшүңүз керек болот. Мазмуну | Widget.kon Main.js Resources | Виджет колдоно турган бардык сүрөттөр Сиз бул виджетти автоматтык түрдө папка түзүмүн түзүү үчүн жүктөп алсаңыз болот Структура - Рейниер Капер Виджеттин каалаган бөлүгүн оң баскыч менен чыкылдатып, тандоолорду чыкылдатыңыз. Түзүмдүн артыкчылыктарын төмөнкүлөргө өзгөртүңүз: root: Виджет папкаңызга өтүңүз. (Windowsтогу "Менин документтеримде" жайгашкан) Эми виджеттин үстүнө чыкылдата аласыз жана виджеттин атын сурап диалог кутучасы ачылат.

3 -кадам: Бардык керектүү файлдарды түзүү

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

4 -кадам: Кубаныч

Кон файлына эки жолу чыкылдатыңыз, виджетиңиз жүктөлөт. Куттуктайм! Сиз биринчи виджетиңизди түздүңүз. Бирок биз азырынча коддоону бүтүрө элекпиз. Балким, "ушуну мененби?" Деп ойлоп жаткандырсыз, туурабы? Виджетиңизге кандайдыр бир функция кошуу үчүн 5 -кадамды улантыңыз.

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

Эми биз виджеттин учурдагы убактысын көрсөтөбүз. Бул үчүн мүнөт сайын жаңыртылып туруучу таймер жана башка файл керек болот. Кийинки файл JavaScript файлы болот, ал 'Мазмун' папкасына кирет. Текст редакторуңузду ачыңыз жана main.js. Убакытты кошуу үчүн биз "Дата объектисин" колдонобуз. Күн объектисин орнотуу үчүн, сиз функция түзөсүз. Бул функцияны js файлына кошуңуз: function updateText () '{theTime = new Date (); theHour = String (theTime.getHours ()); theMinutes = String (theTime.getMinutes ()); myText.data = "Убакыт:"+Саат+":"+мүнөт; print ('update');} Виджетиңиз азырынча убакытты көрсөтпөйт, анткени ал js файлы менен эмне кылууну билбейт. Бул үчүн кам көрүү үчүн, биз бул иш -чара иштеткичин тегдерге эмес, Kon файлына кошобуз: include ('main.js'); Убакытты жаңыртуу үчүн, биз кирген таймерди түзүшүбүз керек. Кон файлы, тегдерде эмес, тегдерде: Файлдарды сактаңыз жана виджетти жүктөңүз. Ал убакытты көрсөтүшү керек. Эгер ал иштебесе, төмөндөн kon жана js жүктөп алып, эскилери менен алмаштырыңыз.

6 -кадам: Баарын жыйынтыктоо

Виджетти.widget файлына айландыруу үчүн виджеттерди алмаштыргыч виджеттерди колдонуңуз. ЭСКЕРТҮҮ: виджеттин аталышындагы папканы кон файлына эмес, конвертерге сүйрөңүз. Эгерде сиз виджетиңиз менен мындан ары да алга жылууну кааласаңыз, бул жерде кээ бир ресурстарды кармаңыз. Бул жерде виджетиңиз менен аткарууга аракет кыла турган нерселердин тизмеси келтирилген: -Тег аркылуу фонтту көзөмөлдөө үчүн артыкчылыктарды кошуу жана шрифт суб-теги- OnClick сыяктуу кээ бир окуяларды иштетүүчүлөрдү кошуңуз же тегдерди колдонуңуз.-Сүрөт объектисин колдонуп жергиликтүү файлдагы сүрөттү көрсөтүү Бул окуу куралы сизге пайдалуу болду деп үмүттөнөбүз жана сизге виджеттердин чексиз мүмкүнчүлүктөрү ырахат берет, Хантер