PracticU

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

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

יחידות מידה Dimension Units - חלק 2
הניסוי הזה מראה בפועל איך נראית כל יחידת מידה: לחצן לכל יחידה, והשוואה בין הדיזיינר, אמולטור ומכשיר אמיתי.
מה בונים ומה רואים
1. ששה לחצנים: כל לחצן מוגדר ברוחב וגם בטקסט של יחידה אחרת: 1in, 25.4mm, 72pt, 160px, 160dp ו-160sp. בטקסט מבטלים textAllCaps ומגדירים textSize של 20sp.
2. בדיזיינר: המכשיר שנבחר הוא Nexus 4, מסך 4.7 אינץ', רזולוציה 768 על 1280 ו-XHDPI (320 DPI). לכן 160 פיקסלים תופסים חצי אינץ', וכך נראה הלחצן של ה-px לעומת האחרים.
3. באמולטור: לחצן ה-px תופס שליש אינץ'. הדחיסות היא 480, כלומר XXHDPI. שאר היחידות נראות זהות.
4. במכשיר האמיתי: 160 פיקסלים תופסים אינץ' אחד, ולכן הדחיסות 160, כלומר MDPI.
5. השפעת הגופן על sp: במכשיר האמיתי 160 sp יצא קצת יותר מאינץ'. כשמשנים בהגדרות Display את Font size לקטן, הוא שווה בדיוק ל-160 dp. כשמשנים לגדול ביותר, הלחצן גדל.
שימו לב
היחידה היחידה שלא נראית זהה בכל המכשירים היא px. יחידות התלויות בהעדפות הגופן, כמו sp, משתנות לפי ההגדרה של המשתמש.
למיקומים וגדלים משתמשים ב-dp, ולגדלי גופן ב-sp.
השיעור הבא בקורס: Display Metrics

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

  1. 00:00

    הגדרת לחצן ביחידות inch

  2. 01:08

    יחידות mm ו-pt

  3. 02:15

    יחידת פיקסלים px

  4. 02:54

    הגדרות הדיזיינר ו-DPI

  5. 03:57

    יחידות dp ו-sp

  6. 04:58

    הרצה באמולטור ובמכשיר

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

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

  1. 00:03

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

  2. 00:23

    נגדיר גם שהטקסט שלו יהיה 1 אינץ'. בואו נחפש כאן את הטקסט. הנה הוא. 1 IN. נחפש את text all caps ונגדיר שהוא יהיה false בכדי שנראה את זה ממש as is ונחפש את text size בכדי להגדיר 20 sp כרגע שנראה את זה קצת יותר גדול אז יש לנו פה לחצן ראשון שהגדרנו אותו כ-1 inch

  3. 01:02

    מה שאנחנו רוצים לעשות עכשיו זה פשוט לעשות copy ולהדביק אותו פה ונשנה לו רק את הגדלים שאנחנו רוצים אז ניגש פה למעלה ובמקום 1 אינץ נגדיר אותו הפעם כ-25.4 mm-ticket זה ונחפש את הטקסט שלו, הטקסט שלו אמור להיות פה למטה ונגדיר לו גם כן 25.4 mm שזה 1 אינץ.

  4. 01:42

    נבצע שוב אותו הדבר, יש לנו פה copy, paste, נדביק אותו פה, נשים אותו רק שהוא יהיה בול באמצע והפעם נגדיר בדיוק 72 אינץ, ליתר דיוק 72pt שזה 1 אינץ בואו ניגש לטקסט שלו 72pt ונעבור ללחצן הבא נבצע copy, paste בכדי לשמור את ההגדרות האחרות נשים אותו בדיוק באמצע ובמקום 72 points נגדיר אותו כ-160 פיקסלים

  5. 02:28

    160 פיקסלים כבר אנחנו רואים שהוא תופס לנו הרבה פחות מקום בואו נגש ונגדיר גם שהטקסט שלו יהיה 160PX ולמה זה? אנחנו מסתכלים כרגע על דיזיינר אבל הדיזיינר מוגדר כמכשיר אמיתי כלשהו אז בואו נראה בדיוק מה ההגדרות של הדיזיינר אנחנו רואים כאן שהסוג שלו זה נקסוס 4 אבל אם אנחנו פותחים את זה אנחנו רואים שמסומה לנו פוביל יד נקסוס 4

  6. 03:03

    עם הגדרות מיוחדות לגבי המימדים 4.7 אינץ' גודל מסך, 768 על 1280 רזולוציה, זה אומר שיש לנו 768 פיקסלים לרוחב ו1280 פיקסלים לגובה של המכשיר והמכשיר הזה מוגדר כ-XHDPI, אם אנחנו זוכרים נכון, XHDPI מוגדר כ-320 דות פר אינץ' וזה אומר שאם אנחנו מגדירים 160 פיקסלים זה תופס בדיוק חצי אינץ

  7. 03:44

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

  8. 04:12

    כלומר density independent pixel בואו ניגש וניתן את זה גם לטקסט שלו בואו נעתיק אותו copy paste נדביק את האחרון נשים אותו שוב פעם מקובל האמצע והפעם נגדיר אותו כ-160 sp הנה יש לנו פה 160 sp נגדיר שהטקסט שלו 160 SP והשתמשנו כרגע עם כל אחת מיחידות עמידה

  9. 04:50

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

  10. 05:20

    הוא תופס לנו שליש אנחנו יכולים לראות שהוא תופס לנו שליש מגודל של אינץ, אינץ 1, וזה אומר שהדנסיטי של

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

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

ההרצאה הבאה: Display Metrics

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

  • יצירת Dimension

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

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