PracticU

יחידות מידה Dimension Units - חלק 1

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאנדרואיד - Android - ב-JAVA › יחידות מידה Dimension Units - חלק 1
מילון מושגים:
פיקסל - נקודת הצבע הקטנה ביותר שמרכיבה תמונה או תצוגה על המסך.
תמונה - קובץ גרפי המוצג על המסך. בהקשר של וירטואליזציה או Docker, תבנית מוכנה שממנה יוצרים מכונה או קונטיינר.
גופן - העיצוב הגרפי של האותיות והתווים המוצגים בטקסט, הכולל צורה, סגנון וגודל.
רכיב - יחידת בניין עצמאית וניתנת לשימוש חוזר בתוך מערכת או ממשק משתמש, שאחראית על חלק מוגדר מהתפקוד.

יחידות מידה Dimension Units - חלק 1
כדי שאפליקציה תיראה אותה דבר על מסכים שונים, צריך להבין קודם את המונחים שמאחורי יחידות המידה באנדרואיד. החלק הזה מסביר מושגים בסיסיים של מסכים, ואחר כך משווה בין היחידות in, mm, pt, px, dp ו-sp.
מושגי יסוד
1. Screen Size: האורך האלכסוני של המסך עצמו, באינצ'ים, בלי שאר המכשיר. אנדרואיד מחלקת את המסכים לארבע קבוצות: small בערך 2 עד 3.5 אינץ', normal בערך 3 עד 5, large בערך 4 עד 7 ו-extra large בערך 7 עד 11. יש חפיפה בין הקבוצות, והיצרן מחליט לאיזו קבוצה המכשיר שייך.
2. פיקסל: קיצור של Picture Element, נקודה לוגית אחת על המסך ולא נקודה פיזית.
3. רזולוציה: מספר הפיקסלים לרוחב ולגובה, למשל 320 על 480. שינוי רזולוציה לא משנה את הגודל הפיזי של המסך, אלא את גודל הפיקסל. פיקסל קטן יותר פירושו רזולוציה גבוהה, יותר פרטים ותמונה חדה יותר.
4. Screen Density: כמה פיקסלים נכנסים באינץ' אחד, ביחידות DPI (dots per inch). היא תלויה ביכולת המסך עצמו ולא רק ברזולוציה.
קטגוריות הדחיסות
אנדרואיד מחלקת את המכשירים לשש קטגוריות, שנקראות Density Buckets:
- LDPI - 120
- MDPI - 160
- HDPI - 240
- XHDPI - 320
- XXHDPI - 480
- XXXHDPI - 640
כל מכשיר שייך לקטגוריה אחת, לפי הגדרת היצרן.
היחידות
1. in, mm, pt: אינץ', מילימטר (באינץ' יש 25.4 מילימטרים) ופוינט (1/72 אינץ'). שלושתן לא תלויות בדחיסות, כך שלחצן ברוחב אינץ' נראה זהה בכל מכשיר. בפועל כמעט לא עובדים איתן, כי מסכים ותמונות מוגדרים בפיקסלים.
2. px: פיקסל אחד. זו יחידה תלויה בדחיסות: לחצן של 160 px תופס אינץ' ב-MDPI, חצי אינץ' ב-XHDPI ורבע אינץ' ב-XXXHDPI, ולכן אותה אפליקציה נראית שונה.
3. dp: Density Independent Pixel. יש 160 dp באינץ' בכל מכשיר, והמכשיר מתאים את הגודל לדחיסות שלו: ב-MDPI הוא פיקסל אחד, ב-XHDPI שני פיקסלים, וב-XXXHDPI ארבעה. מומלץ למיקומים וגדלים.
4. sp: כמו dp, אבל מתחשב גם בהעדפת גודל הגופן שהמשתמש קבע בהגדרות. מומלץ לגדלי גופנים.
מתי להשתמש במה
ברוב המקרים dp לגדלים ומיקומים ו-sp לגופנים. pt מתאים לפעמים לגופנים, ו-in או mm נדרשים רק כשיש משמעות פיזית, למשל אפליקציית סרגל.
אחרי השיעור אפשר להסביר למה לא מגדירים גדלים ב-px ולבחור את יחידת המידה המתאימה לכל רכיב.
השיעור הבא בקורס: יחידות מידה Dimension Units - חלק 2

פרקי ההרצאה: יחידות מידה Dimension Units - חלק 1

  1. 00:00

    יחידות מידה בעיצוב אפליקציה

  2. 00:38

    גודל המסך - Screen Size

  3. 02:17

    פיקסל ורזולוציית מסך

  4. 03:56

    הפיקסל כנקודה לוגית

  5. 04:53

    צפיפות המסך - Screen Density

  6. 06:51

    קטגוריות Density באנדרואיד

  7. 07:36

    צפיפויות גבוהות - XHDPI ומעלה

  8. 08:24

    קבוצות צפיפות - Density Buckets

תמלול ההרצאה: יחידות מידה Dimension Units - חלק 1

הטקסט המלא של הדקות הראשונות בהרצאה «יחידות מידה Dimension Units - חלק 1» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:03

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

  2. 00:20

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

  3. 00:37

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

  4. 00:57

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

  5. 01:16

    דבר ראשון, יש לנו מסך שהוא פחות או יותר בגודל 2 אינץ' עד פחות או יותר 3.5 אינץ', וזה מבחינת אנדרואיד שמאל. הגודל הבא בתור זה בערך 3 אינץ' עד 5 אינץ', וזה מוגדר כנורמל.

  6. 01:35

    עכשיו שימו לב שיש פה איזושהי חפיפה מסוימת זאת אומרת יכול להיות מסך שיהיה פחות או יותר 3.5 אינץ' והוא יוגדר כשמאל או מסך של 3 אינץ' והוא יוגדר כנורמל מי שמחליט על זה זה כמובן היצרן עצמו מה בדיוק הגודל של המסך שהוא מחליט עליו אם המסך הוא פחות או יותר 4 אינץ' עד 7 אינץ' זה מוגדר כמסך large ומסכים שהם בגודל 7 אינץ' עד 11 אינץ' מוגדרים פחות או יותר כ-Extra Large

  7. 02:10

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

  8. 02:41

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

  9. 03:17

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

  10. 03:47

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

  11. 04:11

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

  12. 04:37

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

  13. 05:02

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

  14. 05:34

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

  15. 06:02

    ליתר דיוק פחות חד ושמסוגל להציג פחות מידע על המסך עצמו היחידה הזאת בדרך כלל קוראים לה DPI כלומר dots per inch וכאן המונח dot מתאר פיקסל אחד אז כמה דוטים או פיקסלים יש per inch 1 זה basically היחידה של density כאן אנחנו רואים תמונה של inch 1 ויש בו יחסית מעט פיקסלים אם יש מעט פיקסלים על inch

  16. 06:38

    1 ונחשב רמת תחיסות נמוכה כאן אנחנו רואים שיש הרבה יותר פיקסלים שנכנסים על inch 1 ולכן יש לנו רמת density הרבה יותר גבוהה עכשיו באנדרואיד מחלקים את כל המסכים מבחינת ה-Densities לשישה חלקים שונים או שש קטגוריות שונות אם יש לנו מסך שמסוגל להציג 120 פיקסלים אז

  17. 07:08

    מסך כזה נחשב כ-Low Density וזה יהיה LDPI אם מסך מסוגל להציג 160 פיקסלים על אינטש אחד ויהיה Medium Density או MDPI מסך שמסוגל להציג 240 פיקסלים על אינץ' אחד נחשב High Density או HDPI מסך שמסוגל להציג 320 פיקסלים על אינץ' אחד זה יהיה Extra High Density או XHDPI מסך שמסוגל להציג 480 פיקסלים על אינץ' אחד נחשב Extra Extra High Density או XXHDPI מסך שמסוגל להציג 640 פיקסלים על אינץ' 1

  18. 07:56

    נחשב כבר extra extra extra high density או XXXHDPI שימו לב שלמרות שיש לנו אפשרות לשנות את הרזולוציה בעצם זה נראה כאילו אנחנו יכולים לשנות את הדנסיטי שזה יכול להיות נכון עדיין כל מכשיר נחשב כדנסיטי ספציפי ה-LDPI, MDPI, XDPI וכו נקראים Density Buckets וכל מכשיר שייך רק

  19. 08:30

    ל-Density Bucket אחד ויחיד כתלות ב-DPI הדפולטי שלו זה שקיים ברגע שהיצרן יצר את המכשיר והוא יצא לשוק

לקורס המלא: קורס פיתוח אפליקציות לאנדרואיד

ההרצאה הקודמת: The Manifest File

ההרצאה הבאה: יחידות מידה Dimension Units - חלק 2

הרצאות קשורות מקורסים אחרים

  • יצירת Dimension

קורסים נוספים במסלול

  • קורס יסודות התכנות - שפת JAVA - קורס ג'אווה למתחילים
  • קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode
  • קורס פלאטר - Flutter - שפת DART של גוגל למובייל - פיתוח אפליקציות לאנדרואיד ואייפון
  • קורס PhoneGap - פיתוח אפליקציות לאנדרואיד ואייפון