צור יישומון משלך: 6 שלבים

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:17

מדריך זה ילמד אותך כיצד ליצור Yahoo! בסיסי! יישומון. בסוף ההדרכה, למדת כמה JavaScript ו- XML.

שלב 1: תחילת העבודה

כמה כלים שתצטרך כדי ליצור יישומון הם:- מחשב עם Mac OS X או Windows XP/Vista- תוכנית לעריכת טקסט. (פנקס רשימות מושלם.)- תוכנית לעריכת תמונות. (Microsoft Paint בסדר.)- סבלנות וזמן.- יישומונים של יאהו- יישומון ממיר ווידג'טים ברגע שיש לך תוכניות ווידג'טים אלה, אתה מוכן להמשיך לשלב השני.

שלב 2: יצירת מבנה תיקיות

כעת יהיה עליך ליצור את מבנה התיקיות שיכיל את כל הקבצים המרכיבים ווידג'ט. המבנה נראה כך: -Widget Name | תוכן | Widget.kon משאבי Main.js | כל התמונות בהן יישומון היישומון ניתן להוריד יישומון זה ליצירת מבנה התיקיות באופן אוטומטי מבנה - Reinier Kaper הגדר את ההעדפות של יישומון על ידי לחיצה ימנית על כל חלק שלו ולחיצה על העדפות. שנה את העדפות מבנה כך: root: נווט לתיקיית היישומון שלך. (ממוקם ב'המסמכים שלי 'ב- Windows) כעת תוכל ללחוץ על הווידג'ט ותיבת דו -שיח תופיע ותבקש ממך את שם הווידג'ט.

שלב 3: יצירת כל הקבצים הדרושים

נתחיל ביצירת קובץ widget.xml, המספר מידע על מנוע הווידג'ט על הווידג'ט שלך. הורד תבנית שנוצרה עבורך לשימוש. הורדת הקישור למטה. מקם את הקובץ בתיקייה 'תוכן' הממוקמת בתיקייה בשם השם שבחרת קודם לכן. פתח את הקובץ עם עורך הטקסט שבחרת והחלף את YourNameHere בשמך. שמור וסגור. לאחר מכן ניצור את קובץ.kon שהוא הקובץ הראשי שאומר לווידג'ט מה לעשות. קובץ.kon הוא רק קובץ XML עם סיומת שונה. הורד את קובץ widget.kon הבסיסי הזה והנח אותו גם בתיקייה 'תוכן'. שוב, פתח את הקובץ בעזרת עורך טקסט. השורה הראשונה מסמלת שהקובץ הוא קובץ XML שנוצר עם הקידוד UTF-8. התג הבא שצריך להוסיף הוא תג הווידג'ט; אז אתה מצהיר על ההגדרות שלך, כמו ניפוי באגים;. כעת אתה מוכן להוסיף את רכיבי החלון שלך;. לווידג'טים יש מספר אובייקטים שעושים דברים מסוימים ובעלי תכונות מסוימות. לדוגמה אובייקט הטקסט,, יוצר טקסט. להלן רשימה של כמה מהמאפיינים של אובייקט הטקסט: -שם (הסבר עצמי) -חלון (פחת) -נתונים (טקסט לתצוגה) -צבע (הסבר עצמי) -גודל- font -hOffset (aka x) -vOffset (aka y) -width -height עם זאת נאמר שנתחיל לקודד. הוסף את הקוד הבא לקובץ kon, בתגים: myTextHello World! BlueArial18left252 באנגלית, זה מגדיר אובייקט טקסט בשם myText, המציג "שלום עולם!" בגופן 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 ('עדכון');} הווידג'ט שלך עדיין לא יראה את השעה מכיוון שהוא לא יודע מה לעשות עם קובץ js. כדי לטפל בכך, אנו מוסיפים מטפל אירועים זה לקובץ Kon, בתגים אך לא בתגים: include ('main.js'); כדי לעדכן את הזמן, עלינו ליצור טיימר, שנכנס קובץ Kon, בתגים אך לא בתגים: שמור את הקבצים וטען את הווידג'ט. זה אמור להראות את הזמן. אם זה לא עובד, הורד את הקון ואת ה- js מלמטה והחלף בישנים.

שלב 6: סיכום הכל

השתמש ביישומון ממיר הווידג'טים כדי להמיר את הווידג'ט לקובץ.widget. הערה: גרור את התיקיה שכותרתה שם הווידג'ט שלך אל הממיר, לא את קובץ ה- kon. אם אתה רוצה ללכת רחוק יותר עם הווידג'ט שלך, קח כמה משאבים כאן. להלן רשימה של דברים שתוכל לבצע עם הווידג'ט שלך: הוסף כמה מטפלים לאירועים כמו onClick באמצעות התגים או.-הצג תמונה מקובץ מקומי באמצעות אובייקט התמונה מקווה שמצאת הדרכה שימושית ותיהנה מהאינסוף האפשרויות של ווידג'טים, האנטר