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

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 جهت 

یکی از مهمترین سایت هایی که در آموزش استفاده از فونت آیکون در برنامه نویسی اندروید با آن سر و کار دارید، سایت فوق‌العاده  fontawesome.com هست.
این وبسایت دو مجموعه فونت آیکون رو انتشار میده :
۱ _ مجموعه رایگان با بیش از ۱۵۰۰ فونت
۲ _ مجموعه ویژه با بیش از ۷۷۰۰ فونت
نکته
ظاهراً این وبسایت با ip ایران مشکل داره و برخی از بخش های این وبسایت، کامل برای ایرانی ها لود نمیشه !
پس بهتر هستش برای کار با این وبسایت از برنامه تغییر ip استفاده کنید ! (برنامه نویسا خودشون بلدند 😉 )

دانلود فونت ها جهت استفاده از فونت آیکون در برنامه نویسی اندروید

برای استفاده از فونت آیکون در برنامه نویسی اندروید باید مراحل زیر را به درستی انجام دهید.

۱ _ در ابتدا به وبسایت font awsome مراجعه کرده و طبق تصویر منوی docs رو انتخاب کنید.

آموزش استفاده از فونت آیکون در برنامه نویسی اندروید
۲ _ بعد از رفتن به گزینه docs با صفحه زیر روبرو می‌شوید. در این صفحه روی گزینه Get the Alpha کلیک کنید.

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

۳ _ پس از کلیک روی Get the Alpha با یک بسته دانلودی مواجه خواهید شد. باید آن را دانلود کنید.

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

اگر به هر دلیلی هنگام دانلود کردن آن با مشکلی مواجه شدید، می‌توانی آن را از اینجا دانلود کنید.
پس از دانلود بسته، آن را از حالت فشرده خارج کنید.
حالا کافی است تا پوشه webfonts را پیدا کنید و وارد آن شوید.
درون پوشه webfonts ما فقط به فایلهایی نیاز داریم که پسوند (ttf) TrueType font file دارند.
این شد فایل‌های ما ! 🙂

نکته مهم

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

انتخاب آیکون از میان مجموعه

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

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

خب حالا از میان این لیست یک آیکون رو انتخاب میکنیم.
دقت داشته باشید که :
۱ _ باید آیکونی را انتخاب کنید که رایگان باشد.
۲ _  به مجموعه آیکون‌ها دقت کنید که از کدام مجموعه انتخاب میکنید. brands یا regular یا solid
چون ما فقط به این سه مجموعه رایگان دسترسی داریم.
به تصویر زیر دقت کنید
حالا کافیه که در قسمت search کلمه heart را سرچ کنیم.

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


خب حالا من یک آیکون رو انتخاب میکنم (آیکون قلب)
به صفحه جزئیات آن میروم و کد آن را برمیدارم به تصویر زیر دقت کنید.

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

f004
این کد من شد !
حالا باید برای استفاده در اندروید استودیو این کد رو به صورت زیر تبدیل کنیم.(با اضافه کردن عبارت “&#x” در ابتدای آن)



نکته

در ادامه آموزش مواقعی که می‎‌گوییم کد آیکون، منظورمان همان کد آخری بدست آمده است.
برای مثال :
کد آیکون قلب در مجموعه solid به صورت زیر می باشد.



نتیجه گیری

نتیجه گیری درباره توضیحات کامل درباره سایت

در این آموزش کوتاه متوجه شدیم که :
– فونت آیکون آوسوم چیه.
– روش استفاده از سایت fontawesome.com را یاد گرفیتم.
– روش دانلود مجموعه های رایگان فونت آوسوم را متوجه شدیم.
– روش بدست آوردن کد مربوط به آیکون مورد نظر رو هم متوجه شدیم.
– متوجه شدیم که چگونه کد فونت آوسوم مورد نظر رو قابل استفاده در اندروید استودیو بکنیم.
در آموزش بعدی روش استفاده از فونت آیکون Awesome در اندروید استودیو به شما عزیزان آموزش داده خواهد شد.

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

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

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

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

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