استارت‌آپ و کارآفرینی

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

در مطلب «فونت‌آیکون و مزایا استفاده از آن» از مزیت استفاده از فونت‌آیکون در طراحی وب صحبت شد. اما آیا استفاده از فونت آیکون ها به وب محدود خواهد بود؟ پاسخ این پرسش منفی است.
اگر توسعه دهنده اندروید هستید با استفاده از کتابخانه Android Iconics قادر خواهید بود که از فونت آیکون‌ها استفاده کنید. شما به صورت پیشفرض قادر به استفاده از سه فونت‌آیکون Font Awesome و Material Design و Meteocons خواهید بود یا می‌توانید آیکون فونت مورد نظر خود را به صورت کاستوم در داخل اپ قرار بدهید.

برای اضافه کردن این کتابخانه به پروژه خود می‌تونید فایل اون را از این آدرس دریافت کنید. اگر از Gradle استفاده می کنید به سادگی با اضافه کردن کد زیر به فایل بیلد خود قادر به استفاده از آن خواهید بود.

dependencies {
    compile 'com.mikepenz.iconics:library:0.7.3@aar'
    // Optional
    compile 'com.mikepenz.iconics:meteocons-typeface:1.1.0@aar'
    compile 'com.mikepenz.iconics:google-material-typeface:1.1.0@aar'
}

اگر مایل به استفاده از Font Awesome باشید نیاز به تغییر دیگری نخواهید داشت اما برای اضافه کردن سایر فونت‌آیکون ها باید یک کلاس Application کاستوم برای خود بسازید و یا در کلاس Application خود و در متد onCreate فونت‌آیکون مورد نظر را رجیستر کنید.

public class CustomApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        Iconics.registerFont(new Meteoconcs());
        Iconics.registerFont(new GoogleMaterial());
        Iconics.registerFont(new CustomFont());
    }
}

برای استفاده از آیکون‌ها در متن خود کافیست نام آیکون را به صورت {faw-github} در داخل گیومه قرار دهید و در داخل متن خود استفاده کنید. توجه داشته باشید که آیکون های Font Awesome با پیشوند faw، آیکون های Google Material با پیشوند gmd و آیکون های Meteocons با پیشوند met در دسترس خواهند بود.

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

<IconicTextView
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="{faw-github}"/>

اگر مایل به استفاده از TextView معمولی هستید، تنها کافیست در کد جاوا و از طریق کد مشابه کد زیر آیکون ها را بر روی TextView مورد نظر فعال کنید.

new Iconics.IconicsBuilder().ctx(this).on(YOUR_TEXT_VIEW).build();

همچنین شما قادر هستید با استفاده از Drawable آیکون‌ها را در هر جای ممکن استفاده کنید. فقط کافیست از طریق کد مشابه کد زیر نسخه Drawable آیکون را ایجاد نمایید.

new IconicsDrawable(this, "faw-github").color(Color.RED)

ضمن انکه برای دسترسی آسان‌تر بدون نیاز به هارد کد، میتوانید به صورت زیر از کد بالا استفاده کنید.

new IconicsDrawable(this, FontAwesome.Icon.faw_github).color(Color.RED)

 

2 نظرات
  1. ستار می گوید

    با سلام – خیلی ممنون از مطلب خوب و کاربردیتون
    یک سوال:
    وقتی ما برای ایکن های اپ از تصاویر استفاده میکنیم و آن را در اندازه های مختلف در پوشه های پیش فرض میزاریم سیستم اندروید خودکار بر اساس اندازه و کیفیت صفحه تصاویر را انتخاب میکند و بارگزاری –
    آیا در استفاده از فونت آیکن اندازه فونت ایکن به صورت خودکار و طبقه اندازه و… تغییر میکنه ؟
    در کل در یه اپ حرفه ای که لازمه سبک و سریع و قوی باشه استفاده از تصاویر png را توصیه میکنید یا فونت آیکن؟
    چون بنده در اپ های قویی دیدم از png استفاده کردند ؟
    چرا فونت آیکن ؟
    چرا png?

    خیلی ممنون…

  2. ali می گوید

    سلام
    ممنون بابت مطلب جالبتون
    یک سوال داشتم از کجا میتونم لیست icon های پیش فرض رو پیدا کنم

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.