إضافة خطوط مخصصة - Android و iOS - سويفت

لذلك أنا مطور أندرويد ، هذه الفترة. لقد قمت بتطوير تطبيقات لمنصات Android لعدة سنوات. لقد استمتعت بالمشاريع المختلفة التي عملت عليها وهي متعة القيام بها باستخدام التكنولوجيا التي تعرفها جيدًا.

لكنني كنت أقصد البدء في تعلم سويفت لفترة من الوقت الآن وقبل عدة أشهر ، أخيرًا تراجعت. واحدة من أول الأشياء التي وجدتها هي أن منحنى التعلم عميق للغاية ، سواء كان الانتقال من Android Studio إلى Xcode أو استخدام القصص المصورة بدلاً من ترميز نمط xml في Android.

لذلك أردت أن أشارك بعض العقبات التي واجهتها ، على أمل أن يجد الأشخاص الذين واجهوا نفس المشكلات ، هذا الأمر مفيدًا للغاية.

لذا فإن أحد أول الأشياء التي أقوم بها عند بدء مشروع جديد في Android هو إضافة بعض الخطوط الجديدة.

في Android ، يمكنك نسخ الخطوط الخاصة بك إلى مجلد الأصول في المشروع. بشكل افتراضي ، يجب أن يكون مجلد الأصول ضمن مجلد جذر المشروع -> التطبيق -> src -> الرئيسي

Android - دليل مجلد الأصول

ملاحظة: إذا لم يتم إنشاء مجلد مادة عرض ، فيمكنك فقط إضافة مجلد أسفل الدليل الرئيسي وتضمين الخطوط في مجلد الأصول.

الآن ، لاستخدام هذا الخط في تطبيقك ، كل ما عليك فعله هو كتابة سطرين من التعليمات البرمجية:

Typeface myTypeFace = Typeface.createFromAsset (getContext (). getAssets ()، "circular_medium.otf")؛
setTypeface (myTypeFace)؛

أو ، إذا كنت مثلي ولا تريد حقًا كتابة الكود أعلاه إلى جميع المقابلات النصية الخمسين أو تحرير النصوص ، فيمكنك استخدام هذا الرابط لتسهيل حياتك. (إنها فئة مجمعة كتبتها لإضافة خطوط مباشرة إلى ملف xml الخاص بك)

وهذا كل شيء! لقد أضفت خطك إلى تطبيق Android الخاص بك.

في نظام التشغيل iOS ، من ناحية أخرى ، أوصي بإضافة كل شيء عبر Xcode IDE.

لذلك ، الخطوة 1: تحتاج أولاً إلى سحب وإفلات الخطوط إلى مجلد المشروع.

تأكد من إضافة الخط تحت مجلد المشروع

سيؤدي هذا إلى فتح موجه أدناه:

الخطوة 2: تأكد من تحديد الإضافة إلى الأهداف كما هو موضح أعلاه ، يتم فحص عناصر النسخ إذا لزم الأمر.

الآن يتم إضافة الخط الخاص بك إلى المشروع. الآن من أجل استخدامه ، نحتاج أن نعلن ذلك.

الخطوة 3: افتح ملف info.plist ، وانقر بزر الماوس الأيمن وحدد إضافة صف:

في الصف ، حدد الخطوط المضافة بواسطة التطبيق.

كتبت يدويا circular_book.otf

تأكد من تطابق الاسم الذي تعطيه مع اسم ملف الخط.

الخطوة الرابعة: قم بفحص سريع ، هل الخطوط الخاصة بك في Build Phases -> Bundle Resources؟

يتم إضافة الخطوط إلى مراحل الإنشاء

الخطوة 5: يضاف الخط إلى مشروعك. الآن لاستخدامها!

يمكنك إضافة سمة إلى زر ، تسمية ، حقل نصي

في لوحة العمل الخاصة بك ، ابحث عن الخط باستخدام القائمة المنسدلة.

إذا كنت ترغب في استخدامه برمجياً من الكود:

تحتاج أولاً إلى معرفة اسم الخط. كما تقترح Apple ، قد يكون اسم الخط مختلفًا تمامًا عن اسم الملف.

لذا أضف الكود أدناه لطباعة جميع أسماء الخطوط:

للعائلة في UIFont.familyNames.sorted () {
    اسمح للأسماء = UIFont.fontNames (forFamilyName: family)
    طباعة ("العائلة: \ (العائلة) أسماء الخطوط: \ (الأسماء)")
}

بمجرد معرفة اسم الخط ، يمكنك فقط الاتصال:

// للزر:
button.titleLabel؟ .font = UIFont (الاسم: "كتاب دائري" ، الحجم: 20)
// للتسميات:
label.font = UIFont (الاسم: "كتاب دائري" ، الحجم: 20)

وهذا كل شيء!

صورة الخط المخصص في Android

أتمنى أن هذا كان مفيدا!