بکار بردن فونت آیکون ها در اندروید استودیو

Search
Generic filters

اینستاگرام رامان صفر و یک
طراحی و پیاده سازی انواع وب سایت و سیستم های تحت وب

برچسبها

ASP.NET backend frontend php PHP و ASP.NET PHP یا ASP.NET استراتژی طراحی وب سایت استفاده از کتابخانه PdfView اسلایدر افقی در اندروید اسلایدر افقی در برنامه نویسی اندروید الگوی معماری MVC برنامه نویس حرفه ای وب برنامه نویسی برنامه نویسی وب تجربه کاربر (UX) توسعه دهنده وب توسعه دهندگان وب توسعه وب حل مشکل اتصال به دیتابیس آنلاین در اندروید 8 به بالا داشتن نرم افزار های موفق درآمد برنامه نویسی دریافت نکردن اطلاعات از سمت سرور در اندروید رسم نمودار در برنامه نویسی اندروید رسم نمودار در برنامه نویسی اندروید با کتابخانه MPAndroidChart روش ایجاد اسلایدر افقی در برنامه نویسی اندرود سمت سرور سمت کلاینت شروع برنامه نویسی موبایل طراح UI طراح UX طراحی UX و UI طراحی UX یا UI طراحی استراتژیک وب طراحی رابط کاربر (UI) طراحی وب طراحی وب سایت عدم اتصال به دامنه های http در اندروید فروش موفق نرم افزار مدل کلاینت-سرور موفقیت در دنیای نرم افزار نشان دادن فایل های pdf در برنامه نویسی اندروید نمایش pdf در موبایل چکونه برنامه نویسی موبایل را شروع کنیم ؟ کتابخانه PdfView گرفتن اطلاعات گوشی اندرویدی در برنامه نویسی

سلام مجدد عرض میکنم خدمت همه‌ی شما کاربران همیشگی رامان صفر و یک.
در این مطلب قصد دارم تا راجب بکار بردن فونت آیکون ها در اندروید استودیو مطالب رو به شما عزیزان ارائه دهم تا به راحتی بتوانید آن را در اپلیکیشن های خود استفاده کنید.
اگر قسمت های اول و دوم این آموزش را مطالعه نکردید، از خواندن ادامه این مطالب دست‌بردارید و ابتدا قسمت اول  و قسمت دوم را مشاهده نمایید.

آشنایی با فونت آیکون ها در برنامه نویسی اندروید
استفاده ار فونت آیکون در برنامه نویسی اندروید

در آموزش بکار بردن فونت آیکون ها در اندروید استودیو قصد دارم تا مراحل رو به صورت گام‌به‌گام به شما عزیزان آموزش بدم.
خیلی بهتره از نام هایی که من در پروژه خودم استفاده می‌کنم استفاده کنید تا به مشکل بر نخورید.

مرحله ۱ :

ساخت یک پروژه


برای بکار بردن فونت آیکون ها در اندرویداستودیو من یه پروژه جدید با مشخصات زیر ایجاد کردم.
نام پروژه : 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="&#xf004;"
android:textColor="#E01C1C"
android:textSize="200dp" />

</LinearLayout>
[/xml]

توضیح کدهای بالا :

خط ۱۰ تا ۱۶ :

در اینجا من یک تکست ویو به لایوت خودم اضافه کردم.

خط ۱۳ :


در این خط من اشاره دارم به اون فونتی که به پروژه اضافه کرده ام .

خط ۱۴ :

در اینجا من به جای متن تکست ویو کد آیکون را وارد کردم.
یعنی کد مربوط به آیکون قلب !

خط ۱۵ و ۱۶ :

در اینجا به ترتیب ، اندازه و رنگ قلب را تعیین کرده‌ام.

دوستان عزیزم از این که تا پایان این آموزش با من همراه بودید از شما بی نهایت سپاس‌گزارم.
در انتها از شما دعوت می‌کنم در تصویر زیر نتیجه این مطالب رو مشاهده نمایید.

بکار بردن فونت آیکون ها در اندروید استودیو

سید حامد موسوی _ گروه نرم افزاری رامان صفر و یک

۲ دیدگاه. ارسال دیدگاه جدید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
برای ادامه، شما باید با قوانین موافقت کنید