PracticU

יצירת פקדים ואילוצים מהקוד בצורה דינמית

בלי כתוביותעם כתוביות
PracticU › קורס פיתוח אפליקציות - לאייפון iPhone iOS - ב-Swift-Xcode › יצירת פקדים ואילוצים מהקוד בצורה דינמית
מילון מושגים:
iOS - מערכת ההפעלה של אפל למכשירי iPhone ו-iPad.
גופן - העיצוב הגרפי של האותיות והתווים המוצגים בטקסט, הכולל צורה, סגנון וגודל.
תיקייה - מכל במערכת הקבצים שמשמש לארגון קבצים ותיקיות אחרות בתוך מבנה היררכי.
מערך - מבנה נתונים שמאחסן אוסף ערכים מאותו סוג ברצף, שאפשר לגשת אליהם לפי מספר מיקום (אינדקס).
לולאה - מבנה בקרה שחוזר על קטע קוד שוב ושוב כל עוד תנאי מתקיים או עבור כל פריט באוסף.

יצירת פקדים ואילוצים מהקוד בצורה דינמית
בשיעור לומדים להשתמש בפונטים מותאמים אישית בפרויקט, ולבנות תצוגות וקבוע אילוצים מהקוד בצורה דינמית. הפונטים הם חלק חשוב כשמסכים צריכים להראות טוב יותר מאשר הפונטים המובנים של iOS, ובמיוחד בעברית.
מקורות לפונטים
- אתרים מוצגים בשיעור: פרויקט קולמוס עם פונטים בעברית בחינם, freefonts.co.il עם פונטים לשימוש חינמי ומסחרי, Daphont לחיפוש לפי סגנון, ו-Google Fonts לפונטים חינמיים מחולקים לקטגוריות.
- המרצה מסביר את ההבדל בין פונטים עם סריף (קווים קטנים בקצוות האותיות), סאנס סריף (ללא קווים), דיספליי (לכותרות) ומונוספייס (תווים בגודל זהה, מיועד לקוד).
- יש לבדוק את תנאי השימוש לפני שימוש מסחרי.
הוספת הפונט לפרויקט
1. מעתיקים את קובץ ה-TTF או OTF לתוך הפרויקט, בתיקייה שנוצרה לפונטים.
2. בקובץ Info.plist מוסיפים מפתח בשם Fonts provided by application, שהוא מערך. לכל פונט מוסיפים את שם הקובץ עם הסיומת.
3. בסטורי בורד ניתן לבחור את הפונט בתכונות של הפקד, תחת Custom Fonts.
שם הפונט בקוד
- שם הפונט לא תמיד זהה לשם הקובץ, ולכן כדאי לבדוק אותו. המרצה מציג לולאה על UIFont.familyNames, ובתוכה לולאה על UIFont.fontNames של כל משפחה, שמדפיסה את כל השמות.
יצירת תווית מהקוד
1. יוצרים UILabel, ומגדירים לו טקסט, צבע, פונט ויישור.
2. מוסיפים את התווית ל-View באמצעות addSubview.
3. מגדירים translatesAutoresizingMaskIntoConstraints כ-false, כדי שהמערכת לא תוסיף אילוצים אוטומטיים שמתנגשים באילוצים שלנו.
4. יוצרים אילוצים עם העוגנים של התווית, כמו centerX ו-bottom, ומפעילים אותם עם isActive = true.
הסיכום: פונט מותאם מוסף לפרויקט דרך Info.plist, שם הפונט בקוד נבדק בלולאה, ותווית נוצרת מהקוד עם אילוצים שנקבעים ידנית.
השיעור הבא בקורס: עבודה בסיסית עם UITableView - עיצוב מובנה

פרקי ההרצאה: יצירת פקדים ואילוצים מהקוד בצורה דינמית

  1. 00:00

    מבוא: למה לשנות פונטים באפליקציה

  2. 00:38

    אתרים מומלצים לפונטים בחינם

  3. 01:57

    הורדת פונט בפורמט TTF או OTF

  4. 04:19

    משפחות פונטים: סריף וסנסריף

  5. 06:13

    ייבוא הפונט לתוך הפרויקט

  6. 08:53

    הצהרת הפונטים ב-Info.plist

  7. 10:05

    שימוש בפונט מותאם בסטורי בורד

  8. 11:44

    יצירת לייבל עם פונט מהקוד

תמלול ההרצאה: יצירת פקדים ואילוצים מהקוד בצורה דינמית

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

  1. 00:02

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

  2. 00:32

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

  3. 00:55

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

  4. 01:17

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

  5. 01:31

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

  6. 01:45

    כמובן שככה זה לא הפונטים היחידים אבל אם אנחנו כבר כאן אז בואו נוריד פונט אחד. בסדר? אנחנו נלך ל-Fancy Fonts ובוא נוריד נניח את DorianCLM. אני אעשה רגע דאונלוד.

  7. 01:59

    הדרישות שלנו לגבי הורדה זה שהפונט יהיה מפורמט TrueType או OTF. בסדר? אז יש פה TrueType אני אוריד אותו ועוד מעט נכלול את זה בפרויקט שלנו.

  8. 02:14

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

  9. 02:41

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

  10. 03:00

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

  11. 03:20

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

  12. 03:52

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

  13. 04:19

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

  14. 04:45

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

  15. 05:04

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

  16. 05:23

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

  17. 05:42

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

  18. 06:08

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

  19. 06:25

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

  20. 07:08

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

  21. 07:44

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

  22. 08:20

    יש פה גם איטה ליק אז אני ארצה אולי לקחת גם אותו אם אנחנו רוצים ואנחנו גם רוצים לקחת את הקובץ הזה של הרישיון gpl ואת כל אלה ביחד אנחנו רוצים לגרור לתוך הגרופ של פונדס עכשיו נשים לב שאנחנו רוצים להעתיק אייטמס if needed copy item if needed אנחנו רוצים folder reference ואנחנו רוצים שהקבצים האלה יצטרפו לפרויקט הצעד

  23. 08:44

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

  24. 09:01

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

  25. 09:16

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

  26. 09:25

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

  27. 09:54

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

  28. 10:12

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

  29. 10:27

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

  30. 10:59

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

  31. 11:28

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

  32. 12:00

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

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

ההרצאה הקודמת: יצירת CustomViews ותרגול Slot-Machine

ההרצאה הבאה: עבודה בסיסית עם UITableView - עיצוב מובנה

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

  • שימוש ב-Fragment בצורה דינמית בקוד
  • יצירת מסד הנתונים מהקוד - Creating the Database
  • Controls -פקדים נפוצים - חלק 1
  • שינוי כתובת IP חיצונית - לכתובת דינמית - DHCP

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

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