سلام مجدد عرض میکنم خدمت همهی شما کاربران همیشگی رامان صفر و یک.
در این مطلب قصد دارم تا راجب بکار بردن فونت آیکون ها در اندروید استودیو مطالب رو به شما عزیزان ارائه دهم تا به راحتی بتوانید آن را در اپلیکیشن های خود استفاده کنید.
اگر قسمت های اول و دوم این آموزش را مطالعه نکردید، از خواندن ادامه این مطالب دستبردارید و ابتدا قسمت اول و قسمت دوم را مشاهده نمایید.
در آموزش بکار بردن فونت آیکون ها در اندروید استودیو قصد دارم تا مراحل رو به صورت گامبهگام به شما عزیزان آموزش بدم.
خیلی بهتره از نام هایی که من در پروژه خودم استفاده میکنم استفاده کنید تا به مشکل بر نخورید.
مرحله ۱ :
ساخت یک پروژه
برای بکار بردن فونت آیکون ها در اندرویداستودیو من یه پروژه جدید با مشخصات زیر ایجاد کردم.
نام پروژه : Awesome
نام پکیج : ir.raman01.awesome
نسخه API من : ۱۶ (با هر api که دوست دارید ایجاد کنید.)
نام اکتیویتی : MainActivity
نام لایوت : activity_main
مرحله ۲ :
افزودن فونت آیکون به پروژه
در جلسه قبلی با سایت fontawesome.com آشنا شدیم و روش دانلود فونت آیکون ها رو یاد گرفتید و گفته شد بهتر هستش از رامان صفر و یک دانلود کنید.
خب من از رامان صفر و یک فونت ها رو دانلود کردم.
اگر فایل مورد نظر رو از رامان صفر و یک دانلود کرده باشید، بسته دانلودی شما مطابق تصویر زیر از دو پوشه تشکیل شده است.
حال برای بکار بردن فونت آیکون ها در اندروید استودیو، پوشه fontawesome-pro-5.11.2-desktop را باز میکنیم.
مطابق تصویر زیر پوشه otfs را انتخاب میکنیم.
حالا مطابق تصویر زیر پنج فونت آیکون داریم.
من میخواهم از مجموعه solid استفاده کنیم. بنابراین :
آیکون Font Awesome 5 Pro-Solid-900.otf را انتخاب میکنیم و آن را اکسترکت میکنیم.
در این مرحله میتوانیم نام Font Awesome 5 Pro-Solid-900.otf را به solid.otf یا solid.ttf تبدیل کنیم.
حال کافی است تا دایرکتوری font (در صورتی که قبلاً در پروژه ایجاد نکرده بودیم) را به در قسمت res به پروژه اضافه نماییم.
مرحله ۳ :
کد آیکون
در این مرحله باید آیکون مورد نظر خود را انتخاب کنیم.
برای این منظور کد نهایی آیکون را که در جلسه قبل یاد گرفتیم استفاده میکنیم.
کد آیکون من ، مربوط به آیکون قلب :

مرحله ۴ :
استفاده از کد آیکون
برای بکار بردن فونت آیکون ها در اندروید استودیو این آخرین گام است !
خب در این مرحله باید از کد آیکون استفاده کنیم.
یعنی همون آیکون قلب !
برای بکار بردن فونت آیکون ها در اندروید استودیو :
۱ – به لایوت خودم وارد می شوم و یک TextView ایجاد می کنم.
۲ – به جای نام تکست ویو از کد آیکون استفاده می کنم.
به همی سادگی و راحتی !
برای درک بهتر، شما میتواند کد لایوت مربوطه رو مشاهده کنید :
[xml]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/solid"
android:text=""
android:textColor="#E01C1C"
android:textSize="200dp" />
</LinearLayout>
[/xml]
توضیح کدهای بالا :
خط ۱۰ تا ۱۶ :
در اینجا من یک تکست ویو به لایوت خودم اضافه کردم.
خط ۱۳ :
در این خط من اشاره دارم به اون فونتی که به پروژه اضافه کرده ام .
خط ۱۴ :
در اینجا من به جای متن تکست ویو کد آیکون را وارد کردم.
یعنی کد مربوط به آیکون قلب !
خط ۱۵ و ۱۶ :
در اینجا به ترتیب ، اندازه و رنگ قلب را تعیین کردهام.
دوستان عزیزم از این که تا پایان این آموزش با من همراه بودید از شما بی نهایت سپاسگزارم.
در انتها از شما دعوت میکنم در تصویر زیر نتیجه این مطالب رو مشاهده نمایید.
سید حامد موسوی _ گروه نرم افزاری رامان صفر و یک
۲ دیدگاه. ارسال دیدگاه جدید
استاد خیلی خیلی عالی و کاربردی بود.
انشاالله به یاری خدا و امام زمان به این کارتون ادامه بدید.
این مطلب برای من بسیار عالی و کاربردی بود.
از لطف شما و دعای خیرتون بی نهایت سپاس گزارم