פיתוח יישומים עבור אובונטו [QML]

התקנת SDK של אובונטו

אובונטו SDK הוא IDE המספק לנו את הכלים הדרושים לנו כדי לפתח אפליקציה על בסיס QTCreator.

sudo apt-get install ubuntu-sdk

אם מותקן לאחר שנפתח אותו וזה יופיע:

תיעוד

אנו יכולים למצוא מידע רב ב אינטרנט ממפתחי אובונטו, הדרכות, API ...

בתוך אותו SDK של אובונטו אנו יכולים למצוא חלקים מהם נוכל ללמוד, ראה קוד ... הקטגוריות הן עזרה, וויקי, אפליקציות ליבה ו- API.

ב- API אנו יכולים למצוא את כל ה- api של אובונטו.רכיבים 0.1 שהם הרכיבים בהם נשתמש ליצירת האפליקציה.

באפליקציות Core זה מראה לנו את האינטרנט ubuntu-phone-coreapps של לוח השיגור שבו אנו יכולים למצוא את הקוד של מספר יישומים. בעזרה אנו יכולים לראות כמה מדריכים שיעזרו לנו להתחיל.

אינטרנט שם אנו יכולים למצוא הדרכה לניתוח json עם qml ו- javascript.

יצירת יישום (לקוח)

כדי לראות דוגמה ניצור לקוח, עליו כבר דיברתי מעט כאן.

אנו יוצרים פרויקט חדש: קובץ -> קובץ חדש או פרויקט

ואנחנו בוחרים ממשק ממשק מגע פשוט. בזמן שיצרנו את הפרויקט שלנו הוא יופיע מובנה, עם כמה קבצים ותיקיות מסוימות, אם נפעיל עכשיו נקבל יישום לדוגמא, שלא נשתמש בו או חלקית כנקודת בסיס ליצירת שלנו.

 

אם כעת נוסיף רשימת תצוגה עם דגם שלוקח את נתוני Json מהקומיקס, כמו הכותרת, יהיה לנו:

אנו יוצרים קובץ בשם data.js, כדי ליצור קובץ זה לחץ לחיצה ימנית על הפרויקט הוסף חדש -> Qt -> קובץ JS:

אנו יכולים לראות כיצד אנו מנתחים את ה- json על ידי לקיחת מערך התוצאות בלבד, כאשר עבור כל תוצאה נקבל את כותרתו.

console.log זה כמו לעשות הדפסה לקונסולה.

לבסוף הכנסנו את marvel.qml מעל לאן היבוא

import "data.js" as Data

תוצאה:

בואו נדמיין שאנחנו רוצים להעניק ליישום שלנו מראה טוב יותר, למשל במקום להציג רק את הכותרת שמציגה תמונה. ונוכל להזיז אותם אופקית, ובכן, בואו נעשה את זה:

אנו מוסיפים את מאפיין האוריינטציה בתצוגת הרשימה

orientation: ListView.Horizontal

אנו משנים גם את הטקסט לתמונה:

Image {
width: 200; height: 150
fillMode: Image.PreserveAspectFit
source: thumbnail+".jpg"
}

וב- data.js אנו מוסיפים את התמונה הממוזערת

marvelModel.append({id: i.id, title: i.title, thumbnail: i.thumbnail.path});

אנו יכולים לראות את התוצאה:

ובכן, כעת נוכל לבצע מספר רב של פונקציות עבור היישום שלנו, כגון לחיצה על התמונה תציג לנו מידע, מנוע חיפוש תווים ... אך נשאיר את הדוגמה כאן.

אריזה

לבסוף, עלינו רק ליצור את החבילה שלנו, אנו עוברים לאריזה:

אנו יכולים לראות כי עלינו למלא כמה שדות. כמו לדוגמא אם אתה משתמש באינטרנט ..., כאשר השלמנו הכל אנו נותנים חבילה ליצור אשר תיצור קובץ .click כדי שנוכל להתקין את היישום.

מסקנה (GTK3 או QML)

מבחינת המראה, אני אישית אוהב את gtk מאוד אבל מידת ה"שינוי "של זה משאירה הרבה מה להיות רצוי, מצד שני עם qml תוכלו להתאים את ממשק המשתמש הרבה לאחרים יש לו גם רכיבים (Components Desktop) שמשאירים את המראה כ אם זה היה gtk.