يقدم Android 8.0 (المستوى 26 من واجهة برمجة التطبيقات) الخطوط بتنسيق XML، وهي ميزة
تتيح لك استخدام الخطوط كموارد. يمكنك إضافة ملف font
في
المجلد res/font/
لتجميع الخطوط كموارد. هذه الخطوط
يتم تجميعها في ملف R
وتكون متاحة تلقائيًا في
"استوديو Android". يمكنك الوصول إلى موارد الخط باستخدام نوع المورد font
. بالنسبة
مثل، الوصول إلى مورد الخط،
استخدِم @font/myfont
أو R.font.myfont
.
لاستخدام ميزة الخطوط في ملف XML على الأجهزة التي تعمل بالإصدار 4.1 من نظام التشغيل Android (المستوى 16 من واجهة برمجة التطبيقات) والإصدارات الأحدث، استخدِم الإصدار 26.0 من Support Library. لمزيد من المعلومات حول استخدام مكتبة الدعم، فراجع استخدام قسم "مكتبة الدعم"
لإضافة خطوط كموارد، عليك اتّباع الخطوات التالية في نظام Android. استوديو:
- انقر بزر الماوس الأيمن على المجلد res وانتقِل إلى جديد > دليل موارد Android تشير رسالة الأشكال البيانية تظهر نافذة دليل موارد جديد.
- في قائمة نوع المورد، اختَر الخط، ثم انقر على
حسنًا.
ملاحظة: يجب أن يكون اسم دليل الموارد هو الخط.
الشكل 1. جارٍ إضافة دليل موارد الخطوط.
- أضِف ملفات الخطوط في مجلد "
font
".تنشئ بنية المجلد أدناه
R.font.dancing_script
وR.font.lobster
وR.font.typo_graphica
الشكل 2. جارٍ إضافة ملفات الخطوط في دليل
res/font
. - انقر نقرًا مزدوجًا فوق ملف خط لمعاينة خطوط الملف في المحرر.
الشكل 3. جارٍ معاينة ملف الخط.
إنشاء مجموعة خطوط
مجموعة الخطوط عبارة عن مجموعة من ملفات الخطوط إلى جانب تفاصيل النمط والوزن. في Android، يمكنك إنشاء مجموعة خطوط جديدة كمورد بتنسيق XML والوصول إلى كوحدة واحدة، بدلاً من الإشارة إلى كل نمط ووزن موارد منفصلة. من خلال القيام بذلك، تسمح للنظام بتحديد الخط الصحيح استنادًا إلى نمط النص الذي تستخدمه.
لإنشاء مجموعة خطوط، عليك اتّباع الخطوات التالية في "استوديو Android":
- انقر بزر الماوس الأيمن على المجلد
font
واختَر جديد > ملف موارد الخطوط. نافذة ملف مورد جديد تظهر. - أدخِل اسم الملف، ثم انقر على حسنًا. تنسيق XML لمورد الخط الجديد في المحرر.
- ضع كل ملف خط ونمط وسمة عرض في
العنصر
<font>
. يوضح XML التالي إضافة السمات المتعلقة بالخط في XML لمورد الخطوط:<?xml version="1.0" encoding="utf-8"?> <font-family xmlns:android="http://schemas.android.com/apk/res/android"> <font android:fontStyle="normal" android:fontWeight="400" android:font="@font/lobster_regular" /> <font android:fontStyle="italic" android:fontWeight="400" android:font="@font/lobster_italic" /> </font-family>
استخدام الخطوط في تنسيقات XML
استخدم خطوطك، إما ملف خط واحد أو خط من
مجموعة الخطوط في TextView
أو في الأنماط باستخدام
السمة fontFamily
.
ملاحظة: عند استخدام مجموعة خطوط، سيتم
مفتاح TextView
من تلقاء نفسه، حسب الحاجة، لاستخدام
والخطوط من تلك العائلة.
إضافة خطوط إلى TextView
لضبط خط لـ TextView
، نفِّذ أحد
التالي:
- في ملف XML للتنسيق، اضبط سمة
fontFamily
على والخط الذي تريد الوصول إليه.<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:fontFamily="@font/lobster"/>
- افتح نافذة Properties (الخصائص) لضبط خط
TextView
- اختَر طريقة عرض لفتح نافذة الخصائص.
ملاحظة: نافذة الخصائص متاحة فقط عندما يكون محرر التصميم مفتوحًا. حدد علامة التبويب التصميم في أسفل النافذة.
- وسِّع السمة text للدفع، ثم اختَر الخط. من قائمة fontFamily.
-
الشكل 4. اختيار الخط من نافذة الخصائص
- اختَر طريقة عرض لفتح نافذة الخصائص.
إن معاينة تخطيط استوديو Android، التي تظهر في الجزء الموجود في أقصى اليسار في الشكل 5،
يتيح لك معاينة مجموعة الخطوط في TextView
.
![معاينة الخطوط في معاينة التنسيق](https://developer.android.google.cn/static/guide/topics/ui/images/look-and-feel/fonts-in-xml/xml-font-preview.png?authuser=0000&hl=ar)
الشكل 5. معاينة الخطوط في معاينة التنسيق.
إضافة خطوط إلى النمط
افتح ملف styles.xml
واضبط fontFamily
.
إلى ملف الخط الذي تريد الوصول إليه.
<style name="customfontstyle" parent="@android:style/TextAppearance.Small"> <item name="android:fontFamily">@font/lobster</item> </style>
استخدام الخطوط آليًا
لاسترداد الخطوط آليًا، قم باستدعاء دالة الرسم
getFont(int)
وتقديم
ومعرف المورد للخط الذي تريد استرداده. تُرجع هذه الطريقة
عنصر Typeface
. رغم أن النظام يختار أفضل
من الخطوط" المعلومات، فيمكنك استخدام
setTypeface(android.graphics.Typeface, int)
لتعيين الخط الطباعي بأنماط محددة.
ملاحظة: TextView
تفعل ذلك نيابةً عنك.
Kotlin
val typeface = resources.getFont(R.font.myfont) textView.typeface = typeface
Java
Typeface typeface = getResources().getFont(R.font.myfont); textView.setTypeface(typeface);
استخدام "مكتبة الدعم"
تتيح مكتبة الدعم الإصدار 26.0 استخدام الخطوط بتنسيق XML على الأجهزة التي تعمل بنظام التشغيل Android 4.1 (المستوى 16 لواجهة برمجة التطبيقات) والإصدارات الأحدث.
ملاحظة: عندما تشير إلى مجموعات الخطوط بتنسيق XML من خلال مكتبة الدعم، استخدام مساحة الاسم app لضمان تحميل الخطوط.
<?xml version="1.0" encoding="utf-8"?> <font-family xmlns:app="http://schemas.android.com/apk/res-auto"> <font app:fontStyle="normal" app:fontWeight="400" app:font="@font/myfont-Regular"/> <font app:fontStyle="italic" app:fontWeight="400" app:font="@font/myfont-Italic" /> </font-family>
لاسترداد الخطوط آليًا، قم باستدعاء دالة الرسم
طريقة ResourceCompat.getFont(Context, int)
وتوفير
مثيل Context
ومعرّف المورد.
Kotlin
val typeface = ResourcesCompat.getFont(context, R.font.myfont)
Java
Typeface typeface = ResourcesCompat.getFont(context, R.font.myfont);