הוסף גופנים מותאמים אישית - אנדרואיד ו- iOS - סוויפט

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

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

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

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

באנדרואיד אתה מעתיק את הגופנים שלך לתיקיית הנכסים בפרויקט. כברירת מחדל תיקיית הנכסים צריכה להיות תחת תיקיית השורש של הפרוייקט שלך -> app -> src -> main

אנדרואיד - מדריך תיקיות נכסים

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

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

Typeface myTypeFace = Typeface.createFromAsset (getContext (). GetAssets (), "circular_medium.otf");
setTypeface (myTypeFace);

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

וזה הכל! הוספת את הגופן לאפליקציית Android שלך.

ב- iOS לעומת זאת, אני ממליץ להוסיף את כל הדברים באמצעות ה- Xcode IDE.

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

הקפד להוסיף את הגופן תחת תיקיית הפרוייקט

פעולה זו תפתח את ההנחיה הבאה:

שלב 2: ודא שהסימון למטרות מסומן כמוצג למעלה, וסומן את פריטי ההעתקה במידת הצורך.

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

שלב 3: פתח את קובץ ה- info.plist, לחץ באמצעות לחצן העכבר הימני ובחר הוסף שורה:

בשורה, בחר גופנים שנוספו על ידי יישום.

הקלדתי ידנית את circular_book.otf

ודא שהשם שאתה נותן תואם את שם קובץ הגופן.

שלב 4: בצע בדיקה מהירה, האם הגופנים שלך נמצאים בשלבי בנייה -> מקורות חבילה?

הגופנים מתווספים לשלבי הבנייה

שלב 5: הגופן מתווסף לפרויקט שלך. עכשיו להשתמש בזה!

אתה יכול להוסיף תכונה לכפתור, תווית, שדה טקסט

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

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

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

אז הוסף את הקוד שלהלן כדי להדפיס את כל שמות הגופנים:

למשפחה ב- UIFont.familyNames.sorted () {
    let names = UIFont.fontNames (forFamilyName: family)
    print ("משפחה: \ (משפחה) שמות גופנים: \ (שמות)")
}

ברגע שאתה יודע את שם הגופן, אתה יכול פשוט להתקשר:

// לכפתור:
button.titleLabel? .font = UIFont (שם: "ספר מעגלי", גודל: 20)
// לתוויות:
label.font = UIFont (שם: "ספר מעגלי", גודל: 20)

וזה הכל!

תמונת גופן מותאמת אישית באנדרואיד

אני מקווה שזה שימושי!