افزودن font icon در برنامه اندروید

دوشنبه 28 فروردین 1396

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

افزودن font icon در برنامه اندروید

برای افزودن فونت به این سایت می روید:

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

حالا مانند تصویر زیر در main همچین پوشه ای را درست نمایید:

و فونت مورد نظر آن جا اضافه می کنید:

فایل xml ما به صورت زیر خواهد بود:

<resources>

    <string name="app_name">FontAwesome-Android-Examples.com</string>

    <string name="font_awesome_contact_icon">&#xf2b9;</string>

    <string name="fa_battery_4">&#xf240;</string>

    <string name="fa_bank">&#xf19c;</string>

    <string name="fa_birthday_cake">&#xf1fd;</string>

    <string name="fa_cab">&#xf1ba;</string>

    <string name="fa_camera">&#xf030;</string>

</resources>

در کلاس main activity کد زیر را اضافه نمایید:

import android.graphics.Typeface;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    Typeface typeface ;
    TextView textViewContact, textViewBattery, textViewBank, textViewBirthday, textViewCab, textViewCamera ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        typeface = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf");

        textViewContact = (TextView)findViewById(R.id.contact_us_icon);
        textViewBattery = (TextView)findViewById(R.id.fa_battery);
        textViewBank = (TextView)findViewById(R.id.fa_bank_icon);
        textViewBirthday = (TextView)findViewById(R.id.fa_birthday);
        textViewCab = (TextView)findViewById(R.id.fa_cab_icon);
        textViewCamera = (TextView)findViewById(R.id.fa_camera_icon);


        textViewContact.setTypeface(typeface);
        textViewBattery.setTypeface(typeface);
        textViewBank.setTypeface(typeface);
        textViewBirthday.setTypeface(typeface);
        textViewCab.setTypeface(typeface);
        textViewCamera.setTypeface(typeface);

    }
}

و در لایه یactivity هم قطعه کد زیر را قرار دهید:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.android_examples.fontawesome_android_examplescom.MainActivity"
    android:orientation="vertical"
    android:background="#FFFDE7">

    <TextView
        android:text="@string/font_awesome_contact_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/contact_us_icon"
        android:textSize="45dp"
        android:textColor="#009688"
        android:layout_margin="10dp"/>

    <TextView
        android:text="@string/fa_battery_4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/fa_battery"
        android:textSize="45dp"
        android:textColor="#F44336"
        android:layout_margin="10dp"/>

    <TextView
        android:text="@string/fa_bank"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/fa_bank_icon"
        android:textSize="45dp"
        android:textColor="#9C27B0"
        android:layout_margin="10dp"/>

    <TextView
        android:text="@string/fa_birthday_cake"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/fa_birthday"
        android:textSize="45dp"
        android:textColor="#2196F3"
        android:layout_margin="10dp"/>

    <TextView
        android:text="@string/fa_cab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/fa_cab_icon"
        android:textSize="45dp"
        android:textColor="#FFC107"
        android:layout_margin="10dp"/>

    <TextView
        android:text="@string/fa_camera"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:id="@+id/fa_camera_icon"
        android:textSize="45dp"
        android:textColor="#FF5722"
        android:layout_margin="10dp"/>

</LinearLayout>

خروجی به صورت زیر خواهد بود:

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

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

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید