ggg
Amazing Categories :
Android
Node.js

دسته بندی نشده
(16)

آماده سازی محیط برنامه نویسی
(11)

آموزش ها و مباحث پایه ای اندروید
(8)

نکات پایه ای اندروید استودیو
(3)

وب سایت های مفید و کاربردی
(1)

AlertDialog
(1)

LogCat
(1)

Activity Lifecycle
(1)

Activity
(3)

Manifest
(2)

Strings
(1)

StatusBar
(1)

ActionBar
(2)

Toast
(1)

Library
(6)

ListView
(3)

آموزش های مرتبط با طراحی متریال ( Material Design )
CardView
(1)

RecyclerView
(0)

ویوها و ابزارهای موجود در محیط برنامه نویسی
MediaPlayer
(4)

WebView
(1)

VideoView
(1)

Button
(1)

ImageButton
(1)

RadioButton & RadioGroup
(1)

EditText
(0)

TextView
(1)

ScrollView
(2)

طراحی رابط کاربری و زیباسازی
Layout
(4)

Style
(2)

Shape
(2)

Animation
(2)

Typeface
(2)

آموزش های مرتبط با سخت افزار
Camera
(1)

Vibrator
(1)

Bluetooth
(0)

WiFi
(0)

ذخیره اطلاعات و پایگاه داده
SQLite Database
(0)

Shared Preferences
(0)


دسته بندی نشده
(8)


معرفی ، دانلود و روش استفاده از فونت آیکون آوسوم (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 به آن دادیم

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

 

 

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

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

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

 

 

 

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

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

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

موفق و پیروز ،

بدرود .

 




این آموزش ویدیویی برای دانلود ندارد




این آموزش فایلی برای دانلود ندارد

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

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

برچسب‌ها : , , , , , , , , , , , ,

دیدگاه ها و پرسش های دانشجویان
دیدگاه یا پرسش خود را فقط در رابطه با همین مطلب ارسال کنید .
پرسش های دیگر دانشجویان را بررسی کنید ، به پرسش های تکراری رسیدگی نمی شود .
تایپ به صورت فینگلیش تایید نخواهد شد .
لطفا قوانین را رعایت کنید .
تا الان تعداد ۶ دیدگاه و پرسش برای این مطلب ارسال شده است .

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

  1. سلام

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

    ارادتمند

    • سامان سلطانی پور گفت:

      سلام

      چشم دوست عزیز

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

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

  2. سلام

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

    ارادتمند

    • سامان سلطانی پور گفت:

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

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

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

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

پاسخ دادن به سامان سلطانی پور لغو پاسخ

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