دوست داری برنامه اندروید بسازی ...!؟
نمی دونی از کجا شروع کنی ... !؟
یادگیری گام به گام و کاملا رایگان در
آکادمی همیار اندروید
شروع یادگیری
همکاران ما
تبلیغات
مطلب انتخابی شما

%d9%85%d8%b9%d8%b1%d9%81%db%8c-%d8%8c-%d8%af%d8%a7%d9%86%d9%84%d9%88%d8%af-%d9%88-%d8%b1%d9%88%d8%b4-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d9%81%d9%88%d9%86%d8%aa-%d8%a2%db%8c%da%a9
تاریخ ارسال : ۲۳ , ۰۶ , ۱۳۹۵
تعداد نظرات : ۶ نظر

معرفی ، دانلود و روش استفاده از فونت آیکون آوسوم (Font Awesome) در برنامه نویسی اندروید (جلسه ۲)

رفتن به جلسه اول

 

 

روش استفاده از فونت آیکون آوسوم (Font Awesome)

نکته مهم : چون قراره مرحله به مرحله پیش بریم ، شما دقیقا از نام هایی که من در پروژه خودم استفاده می کنم ، استفاده کنید تا به مشکل بر نخورید و پس از پایان کار در صورت تمایل نام ها را تغییر دهید .

 

 

مرحله اول : هدف گیری یک فونت آیکون و پیدا کردن نام آن

ما اول از هرچیز باید یک فونت آیکون رو در نظر بگیریم و بدونیم که می خوایم از کدوم آیکون در پروژه خود استفاده کنیم ،

برای این کار باید به لیست فونت آیکون ها مراجعه کنیم و یکی را انتخاب کنیم ،  ( از این جا )

شما لیستی شبیه به تصویر زیر مشاهده خواهید کرد ، روی یکی از آیکون ها کلیک کنید تا به بخش آن وارد شوید

من آیکون زیر با نام heart  که یک قلب می باشد را انتخاب می کنم

در پنجره باز شده ، شما باید دقیقا متنی که در تصویر می بینید را کپی کنید

یعنی شما می خواهید از آیکون قلب استفاده کنید پس باید طبق مراحل نام آن را پیدا کنید ، که برابر با fa-heart شد

 

 

مرحله دوم : پیدا کردن کد فونت آیکون

شما تا اینجا نام آیکون قلب را پیدا کردید ،

و در این مرحله باید بر اساس نام آیکون ، کد آیکون را پیدا کنید ،

برای پیدا کردن کد آیکون باید به استایل وارد شوید (در جلسه قبلی گفته شد استایل ما کجاست)

شما فایل استایل را با هر ویرایشگر کدی می توانید باز کنید حتی NotePad

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

آن را باز کنید و نام آیکون قلب که برابر با fa-heart بود را در آن جستجو کنید

درتصویر زیر مشاهده می کنید که من فایل استایل را با برنامه ++ NotePad باز کردم و عبارت fa-heart را پیدا کردم ،

و در زیر آن کد آیکون قلب نوشته شده است که برابر با f004 می باشد

 

 

مرحله سوم : تغییرساختار کد آیکون

ما تا اینجا می دانیم که عبارت f004 همان آیکون قلب می باشد ،

اما برای استفاده از آن در برنامه نویسی اندروید باید ساختار آن تغییر کنید ،

یعنی هر وقت می خواستیم از کد آیکون در برنامه نویسی اندروید استفاده کنیم آن را به صورت زیر تغییر می دهیم

 

 

مرحله چهارم : ساخت یک پروژه

نام پروژه من : Font_Awesome

نام پکیج من : HamyarRoid.com

نسخه API من : API 15

نام اکتیویتی من : MainActivity

نام لایوت من : activity_main

توجه مهم : برای انتخاب یکی از حالت های پیش فرض در اندروید استودیو از حالت Empty Activity استفاده کنید

 

 

مرحله چهارم : وارد کردن فونت ، فونت آیکون به پروژه

در جلسه قبلی گفته شد که فونت ، فونت آیکون کجاست

و همچنین برای وارد کردن فونت به پروژه قبلا در این جلسه به صورت کامل توضیح داده شده است

پس ما از توضیحات اضافی خود داری می کنیم و تصویر زیر هم بیان گر کارهایی می باشد که من انجام داده ام

 

 

مرحله پنجم : استفاده از کد نهایی ، آیکون قلب در لایوت خود

من به لایوت خودم وارد می شوم و یک TextView ایجاد می کنم ،

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

کدهای زیر هم تمام کدهای لایوت من هستند ، به صورت کامل جایگزین لایوت خود یعنی activity_main کنید

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

خط ۱۲ تا ۲۰ : در اینجا من یک تکست ویو به لایوت خودم اضافه کردم

خط ۱۳ : در اینجا یک id به تکست ویو داده ایم تا در مراحل بعدی از آن استفاده کنیم

خط ۱۸ : در اینجا من به جای متن تکست ویو ، کد قلب را وارد کردم ، تا برای من یک قلب نمایش دهد

خط ۱۹ و ۲۰ : در اینجا من اندازه و رنگ قلب را تایین کرده ام

خیلی خب کار لایوت ما تا اینجا تمام شد ، اما هنوز چیزی برای ما نمایش نمی دهد

 

 

مرحله ششم : کدنویسی در اکتیویتی

در اینجا ما فونت ، فونت آیکون را به تکست ویو متصل می کنیم تا قلب به ما نمایش داده شود

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

و در اینجا از مباحث تکراری خودداری می کنیم

کدهای زیر هم ، مربوط به اکتیویتی من می باشد ، به صورت کامل جایگزین اکتیویتی خود کنید

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

خط ۱۸ : در اینجا با استفاده از id که در مرحله قبل به تکست ویو داده بودیم یک شیء به نام my_Icon ایجاد کردیم

خط ۲۰ : در اینجا فونت ، فون آیکون را به اکتیویتی وارد کردیم و یک نام اختصاصی به نام Awesome به آن دادیم

خط ۲۱ : در اینجا ، فونت را به تکست ویو اتصال دادیم

 

 

توجه مهم : برای مشاهده نتیجه حتما پروژه خود را باید روی یک شبیه ساز یا روی دستگاه واقعی تست کنید

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

که در تمام رزولوشن ها با همین کیفیت زیبا نمایان می شود و مهمتر از این هیچ گاه باعث کند شدن سرعت اپلیکیشن نمی شود و حجم بسیار بسیار کمی را در بر می گیرد

 

 

 

خیلی خب دوستان این مبحث هم مثل تمام مباحث دیگه با زحمت و دقت بالایی تالیف شده است ،

لطفا به هیچ عنوان کپی برداری نکنید ، در صورت نیاز به معرفی ، سایت همیار اندروید را به دوستان خود معرفی کنید ،

منتظر نظرات و پیشنهادات شما هستم ،

موفق و پیروز ،

بدرود .

 

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

همیار اندروید را در شبکه های اجتماعی دنبال کنید
یــــــک راه آسان برای ارتباط با هـــــــم :)
مطالب مرتبط با موضوع شما

نظرات کاربران

لطفا نظر ، پیشنهاد و انتقاد خود را فقط در ارتباط با موضوع بالا ذکر کنید و از سوالات پراکنده خود داری کنید
برای حفظ و برقراری نظم در سایت به سوالات پراکنده پاسخ داده نمی شود
در آینده سیستم پرسش و پاسخ راه اندازی خواهد شد
لطفا به قوانین احترام بگذارید

6 پاسخ به “معرفی ، دانلود و روش استفاده از فونت آیکون آوسوم (Font Awesome) در برنامه نویسی اندروید (جلسه ۲)”

  1. یعقوب سعید می‌گه:

    سلام

    فونت آیکون های مورد نظر بنده در fontello هستش، اگه ممکنه در مورد استفاده از فونت آیکون های این سایت هم راهنمایی بفرمایید.

    ارادتمند

    • سامان سلطانی پور می‌گه:

      سلام

      چشم دوست عزیز

      اما به علت مشغله کاری  فعلا برای درخواست کاربران تنها راهی که داریم اینه که مباحث درخواستی رو در صف تالیف قرار بدیم ، تا در یک زمان مناسب تالیف شوند .

      ممنون از همراهی شما .

  2. یعقوب سعید می‌گه:

    سلام

    جناب مهندس فونت آیکون مورد نیاز بنده فقط در سایت fontello هستش، اگه ممکنه نحوه استفاده از فونت آیکونهای این سایت رو بفرمایید.

    ارادتمند

    • سامان سلطانی پور می‌گه:

      لطفا برای دریافت پاسخ عجله نکنید ،

      تمام کامنتها پاسخ داده خواهد شد ،

      اما به علت مشغله کاری دیر و زود دارد

      ممنون از توجه شما.

پاسخ دهید

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


ما را محبوب کنید