מדריך לעיצוב פריסות אנדרואיד: כל מה שאתה צריך לדעת



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

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

אדון בנושאים הבאים:





אז בואו נתחיל!

מה זה דאקס בכוח בי

מדריך עיצוב פריסות אנדרואיד: מבוא לרכיבי ממשק המשתמש

אם כבר מדברים על רכיבי ממשק המשתמש, ממשק המשתמש האופייני לכל יישום אנדרואיד מורכב מרכיבים אלה:



  • סרגל פעולה ראשי
  • צפה בשליטה
  • אזור תוכן
  • סרגל פעולה מפוצל

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

גורם חשוב נוסף המסייע בהתאמה אישית של עיצוב ממשק המשתמש יהיה רכיב התצוגה.

בואו נראה מהו תצוגה



מדריך לעיצוב פריסות אנדרואיד: צפיות

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

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

יכול להיות שיש לך שאלה, מה יכול להיות גודל המלבן הזה?

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

עכשיו בואו נציין את ההבדלים הגדולים בין View ל- ViewGroup.

נוף

  1. נוף אובייקטים הם אבני הבניין הבסיסיות של רכיבי ממשק המשתמש ב- Android.
  2. תצוגה היא תיבת מלבן פשוטה המגיבה לפעולות המשתמש.
  3. תצוגה מתייחסת למחלקת android.view.View, שהיא מחלקת הבסיס של כל שיעורי ממשק המשתמש.
  4. דוגמאות לכך הן EditText, Button, CheckBox וכו '.

ViewGroup

  1. ViewGroup הוא המכולה הבלתי נראית המחזיקה View ו- ViewGroup.
  2. ViewGroup הוא מחלקת הבסיס של ה- פריסות .
  3. לדוגמה, LinearLayout היא קבוצת ViewGroup המכילה לחצן (View), וכן פריסות אחרות.

עכשיו בואו נתקדם ונבין את הפריסות שקיימות.

מדריך לעיצוב פריסות אנדרואיד: סוגי פריסות

ל מַעֲרָך מגדיר את המבנה של ממשק משתמש ביישום. כל האלמנטים בפריסה בנויים באמצעות היררכיה של נוף ו ViewGroup חפצים.

עכשיו בואו נראה איך להכריז על הפריסה.

אתה יכול להכריז על פריסה בשתי דרכים:

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

הערה: אתה יכול גם להשתמש בעורך הפריסה של Android Studio כדי לבנות את פריסת ה- XML ​​שלך באמצעות ממשק גרור ושחרר.

  • רכיבי פריסה מיידי ב זמן ריצה . היישום יכול ליצור נוף ו ViewGroup אובייקטים ולתפעל את תכונותיהם באופן תכנותי.

בואו נדון בסוגים השונים של פריסות.

ממשק המשתמש ב- Android הוא היררכיה של צפיות וקבוצות View. קבוצות ViewGroups יהיו צמתים בינוניים בהיררכיה, והתצוגות יהיו צמתים סופניים.

  • מתווה לינארי
  • פריסה מוחלטת
  • פריסה יחסית
  • פריסת השולחן
  • פריסת מסגרת

בואו נדון בהם בפירוט.

מתווה לינארי

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

פריסה מוחלטת

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

פריסה יחסית

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

פריסת השולחן

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

פריסת מסגרת

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

מדריך לעיצוב פריסות אנדרואיד: יחידות מידה

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

יחידה תיאור
dp פיקסל בלתי תלוי בצפיפות. 1dp שווה ערך לפיקסל אחד על a 160 דפי מָסָך.
sp קנה מידה של פיקסל עצמאי. זה דומה מאוד ל- dp אבל רק שזה מומלץ לציון גדלי גופנים.
נק ' נְקוּדָה. נקודה מוגדרת כ- 1/72 אינץ '.
פיקסלים פיקסל. תואם לפיקסלים בפועל על המסך

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

מדריך לעיצוב פריסות אנדרואיד: הַדגָמָה

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

עיין ב ל- Android Studio.

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

הדגמה - הדרכה לעיצוב פריסות אנדרואיד - אדוריקה

תוכל להציג את הרכיבים שבחרת מתחת לעץ הרכיבים.

אתה יכול למצוא אותם גם בפריסה.

  1. לוּחַ הַצְבָעִים : זה מכיל את רשימת התצוגות וקבוצות התצוגה שתוכלו לגרור לפריסה.
  2. רְכִיב עֵץ : מורכב מההיררכיה 'תצוגה' עבור הפריסה שלך.
  3. סרגל כלים : לחצנים לתצורת מראה הפריסה בעורך ולשינוי מספר תכונות פריסה.
  4. עורך עיצוב : פריסה בתצוגת עיצוב או עיצוב Blueprint, או שניהם. נחשב גם כחלל העיצוב.
  5. תכונות : הוא שולט במאפייני התצוגה שנבחרה.

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

כעת לאחר שהבנתם את היסודות של עיצוב פריסות אנדרואיד, בדקו את מאת אדוריקה, חברת למידה מקוונת מהימנה עם רשת של יותר מ -250,000 לומדים מרוצים הפרוסים ברחבי העולם.

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

יש לך שאלה עבורנו? אנא הזכיר זאת בקטע ההערות בבלוג זה 'הדרכת עיצוב לעיצוב פריסת Android' ונחזור אליך בהקדם האפשרי.