בואו נתחיל לתכנת בסביבת LiveCode
צרו Stack חדש (זה פרויקט חדש, זוכרים?) ולחצו על Ctrl+N כדי ליצור עוד מסך, בנוסף למסך הראשון שנוצר אוטומטית. מסך נקרא ב-LiveCode "כרטיס", או Card באנגלית.
רגע של היסטוריה למעוניינים:
ה-Cards היו המסכים שנוצרו בתוכנת HyperCard כיוון שהיא היתה סביבה תיכנותית שאיפשרה בניית מסדי נתונים בקלות. כל רשומה בבסיס הנתונים הזה נקראה Card והתיכנות של השדות והכפתורים היה ברקע (קראו לו BackGround). כיום, נפטרו ב-LiveCode מהרקע, אבל הכרטיסים נשארו..
עכשיו יש לנו שני כרטיסים. נשתמש בראשון בתור מסך פתיחה ובשני - כמסך היישום שלנו.
כדי להגיע למסך הפתיחה, לחצו על קיצור המקשים Ctrl+1 (שמביא תמיד לכרטיס הראשון).
עכשיו הוסיפו שדה ותנו לו שם פיקטיבי (משהו כמו "My 1st Software").
מתחת שימו Push button והגדילו אותו (באמצעות נקודות שינוי הגודל שבפינות).
לחצו על הכפתור וב-Inspector שנו את שמו ל-Enter.
בראש ה-Inspector שנו ל-Text Formatting והגדילו את הגופן ל-24, שחקו עם שם הגופן לאחד שיפה לכם.
תוכלו גם לבחור את Icons & Border ולהוסיף אייקון לכפתור.
הוסיפו למטה עוד שדה Label: והכניסו אליו (באמצעות Contents ב-Inspector) את הקרדיט שלכם "Made by Nadav Dafni".
זהו. הגדרתם את מסך הפתיחה. בואו נתכנת את הכפתור הראשון כך שלחיצה עליו תביא את המשתמש למסך העיקרי..
הקליקו בכפתור הימני של העכבר על הכפתור ובחרו את "Edit Script". תוכלו לראות שבחלון התיכנות כבר מופיע הקוד:
אתם רואים שבכפתור מוגדר בדרך כלל, מה יקרה כשהמשתמש מקליק בעכבר ומשחרר את הכפתור שלו (זה נקרא mouseUp).
הכניסו בין פתיחת הקוד לסיומו את השורה Go Next:
מה שהגדרתם לכפתור לעשות הוא שבהקלקה עליו יש לעבור למסך הבא.
בואו ננסה את זה.. לחצו בלוח הכלים (Tools) על חץ ה-Run (זה החץ הלבן, השמאלי, שבראש לוח הכלים)
עכשיו, כשתלחצו על הכפתור, הוא יעביר אתכם למסך השני. עברו חזרה למצב תכנות (החץ עם + שקוראים לו Edit) ובמסך השני הזה הוסיפו שדה Label: וכתבו בו Here you are.
תוכלו גם להוסיף תמונה (יש אייקון ל-Image Area בלוח הכלים - גררו אותו ונסו להבין ב-Inspector איך להוסיף תמונה מהמחשב שלכם).
אם בדקתם והכל עובד זה מצוין! - אם יש בעיות, נסו לגלות מהן ואיך לפתור אותן.
בהצלחה!
צרו Stack חדש (זה פרויקט חדש, זוכרים?) ולחצו על Ctrl+N כדי ליצור עוד מסך, בנוסף למסך הראשון שנוצר אוטומטית. מסך נקרא ב-LiveCode "כרטיס", או Card באנגלית.
רגע של היסטוריה למעוניינים:
ה-Cards היו המסכים שנוצרו בתוכנת HyperCard כיוון שהיא היתה סביבה תיכנותית שאיפשרה בניית מסדי נתונים בקלות. כל רשומה בבסיס הנתונים הזה נקראה Card והתיכנות של השדות והכפתורים היה ברקע (קראו לו BackGround). כיום, נפטרו ב-LiveCode מהרקע, אבל הכרטיסים נשארו..
עכשיו יש לנו שני כרטיסים. נשתמש בראשון בתור מסך פתיחה ובשני - כמסך היישום שלנו.
כדי להגיע למסך הפתיחה, לחצו על קיצור המקשים Ctrl+1 (שמביא תמיד לכרטיס הראשון).
עכשיו הוסיפו שדה ותנו לו שם פיקטיבי (משהו כמו "My 1st Software").
מתחת שימו Push button והגדילו אותו (באמצעות נקודות שינוי הגודל שבפינות).
לחצו על הכפתור וב-Inspector שנו את שמו ל-Enter.
בראש ה-Inspector שנו ל-Text Formatting והגדילו את הגופן ל-24, שחקו עם שם הגופן לאחד שיפה לכם.
תוכלו גם לבחור את Icons & Border ולהוסיף אייקון לכפתור.
הוסיפו למטה עוד שדה Label: והכניסו אליו (באמצעות Contents ב-Inspector) את הקרדיט שלכם "Made by Nadav Dafni".
זהו. הגדרתם את מסך הפתיחה. בואו נתכנת את הכפתור הראשון כך שלחיצה עליו תביא את המשתמש למסך העיקרי..
הקליקו בכפתור הימני של העכבר על הכפתור ובחרו את "Edit Script". תוכלו לראות שבחלון התיכנות כבר מופיע הקוד:
on mouseUp
end mouseUp
הכניסו בין פתיחת הקוד לסיומו את השורה Go Next:
on mouseUp
Go Next
end mouseUp
מה שהגדרתם לכפתור לעשות הוא שבהקלקה עליו יש לעבור למסך הבא.
בואו ננסה את זה.. לחצו בלוח הכלים (Tools) על חץ ה-Run (זה החץ הלבן, השמאלי, שבראש לוח הכלים)
עכשיו, כשתלחצו על הכפתור, הוא יעביר אתכם למסך השני. עברו חזרה למצב תכנות (החץ עם + שקוראים לו Edit) ובמסך השני הזה הוסיפו שדה Label: וכתבו בו Here you are.
תוכלו גם להוסיף תמונה (יש אייקון ל-Image Area בלוח הכלים - גררו אותו ונסו להבין ב-Inspector איך להוסיף תמונה מהמחשב שלכם).
אם בדקתם והכל עובד זה מצוין! - אם יש בעיות, נסו לגלות מהן ואיך לפתור אותן.
בהצלחה!
אין תגובות:
הוסף רשומת תגובה