تلعب الخطوط دورا مهما في تطوير الأجهزة المحمولة ، مما يساعد على إنشاء واجهة مستخدم أكثر جاذبية وفريدة من نوعها. رد فعل التطبيقات الأصلية لديها أيضا القدرة على الاتصال واستخدام الخطوط الخاصة.
ربط الخطوط للرد الأصلي ليس من الصعب بشكل خاص إذا كنت تعرف بعض الخطوات الأساسية. الخطوة الأولى هي إعداد الخط ، أي تنزيله ووضعه في مشروعك. عادة ما يتم توفير الخطوط بالتنسيق.صندوق النقد الدولي أو .أوتف.
بعد وضع الخط في المكان المناسب للمشروع ، فإن الخطوة التالية هي تكوين المعلومات.ملف بليست لدائرة الرقابة الداخلية وملف أندرويدمانيفيست.شمل لالروبوت. تحتاج إلى إضافة إعداد لتوصيل الخط ، وتحديد اسمه والمسار إلى الملف.
بعد تكوين ملفات المشروع ، تحتاج إلى ترجمة التطبيق لتصبح التغييرات سارية المفعول. للقيام بذلك ، قد تحتاج إلى تشغيل بناء لدائرة الرقابة الداخلية وإعادة بناء الملفات المصدر لالروبوت.
أنت الآن جاهز لاستخدام الخط الخاص بك في رد فعل التطبيقات الأصلية. يمكنك تحديد اسمه في أنماط المكونات أو استخدامه مباشرة في النص. ضع في اعتبارك أن بعض مكونات التفاعل الأصلية لها ميزاتها الخاصة لتغيير الخط ، لذا تحقق من الوثائق ذات الصلة.
- ربط الخطوط في رد الفعل الأصلي
- استخدام الخطوط المثبتة مسبقا
- ربط الخطوط المخصصة
- الخطوة 1: إنشاء مجلد الأصول
- الخطوة 2: إنشاء مجلد الخطوط
- الخطوة 3: نسخ ملفات الخطوط
- الخطوة 4: استيراد الخط
- الخطوة 5: استخدام خط مخصص
- اختيار وتحميل الخط المطلوب
- توصيل خط بمشروع
- استخدام خط في المكونات
ربط الخطوط في رد الفعل الأصلي
هناك عدة طرق لربط الخطوط إلى التطبيق الخاص بك في رد فعل الأصلي. في هذه المقالة ، سنلقي نظرة على الطريقتين الأكثر شيوعا: استخدام الخطوط المثبتة مسبقا وربط الخطوط المخصصة.
استخدام الخطوط المثبتة مسبقا
رد فعل الأصلي يأتي مع بعض الخطوط المثبتة مسبقا التي يمكنك استخدامها دون تكوين إضافي. وتشمل هذه الخطوط روبوتو ، أريال ، سان فرانسيسكو وغيرها الكثير. لاستخدام خط محدد مسبقا ، تحتاج فقط إلى تحديد اسمه في خاصية النمط للمكون.
استيراد رد فعل من 'رد فعل';
استيراد { نص ، ورقة أنماط } من 'رد الفعل الأصلي';
كونست التطبيق = () = > {
عودة (
هذا نص بخط محدد مسبقا
);
};
أنماط كونست = ورقة الأنماط.إنشاء ({
النص: {
فونتفاميلي: 'روبوتو',
حجم الخط: 16,
تصدير التطبيق الافتراضي;
إذا كنت بحاجة إلى استخدام خط مخصص ، فأنت بحاجة أولا إلى إضافة ملفات خطوط إلى المشروع. عادة ما يكون لملفات الخطوط امتداد.صندوق النقد الدولي أو .أوتف. يمكنك إضافة هذه الملفات إلى أي مجلد للمشروع ، على سبيل المثال ، إلى مجلد الأصول/الخطوط.
بعد إضافة ملفات الخط إلى المشروع ، تحتاج إلى اتباع هذه الخطوات لتوصيل خط مخصص بالتطبيق الخاص بك:
الخطوة 1: إنشاء مجلد الأصول
في المجلد الجذر لمشروعك ، قم بإنشاء مجلد باسم الأصول ، إذا لم يكن موجودا بالفعل.
- الخطوة 2: إنشاء مجلد الخطوط
- داخل مجلد الأصول ، قم بإنشاء مجلد باسم الخطوط. ستقوم بتخزين ملفات الخطوط في هذا المجلد.
- الخطوة 3: نسخ ملفات الخطوط
- انسخ ملفات الخطوط إلى مجلد الخطوط. تأكد من أن أسماء ملفات الخطوط لا تحتوي على مسافات أو أحرف خاصة.
- الخطوة 4: استيراد الخط
استيراد الخط وإعطائها الاسم الذي سوف تستخدم في خصائص نمط المكون.
استيراد * كخط من 'المعرض الخط';
//...
كونست لوادفونتس = غير متزامن () = > {
- انتظر الخط.لوداسينك ({
- كوستومفونتريغولار: تتطلب ('./ الأصول / الخطوط / كوستومفونت-العادية.'),
- كوستومفونتبولد: تتطلب ('./ الأصول / الخطوط / كوستومفونت-جريئة.'),
});
};
تصدير وظيفة التطبيق الافتراضي () {
تأثير الاستخدام (() = > {
- خطوط التحميل();
- }, []);
- //...
}
- الخطوة 5: استخدام خط مخصص
يمكنك الآن استخدام الخطوط المخصصة في خاصية نمط المكون عن طريق تحديد اسم الخط المحدد في الخطوة 4.استيراد رد فعل من 'رد فعل';
استيراد { نص ، ورقة أنماط } من 'رد الفعل الأصلي';
كونست التطبيق = () = > {
عودة (
هذا نص بخط مخصص
أنماط كونست = ورقة الأنماط.إنشاء ({
النص: {
},
الآن أنت تعرف كيفية توصيل الخطوط في رد الفعل الأصلي. يمكنك استخدام الخطوط المثبتة مسبقا أو توصيل الخطوط المخصصة لتصميم أكثر تخصيصا للتطبيق الخاص بك.
اختيار وتحميل الخط المطلوب