In this article, I am going to show how to use the FontAwesome icons and symbols in native android application. To use font awesome icons in android application is very easy; just we place font code instead of text font. FontAwesome icons can be used using android TextView, Button View, etc. means fontawesome icons can be used like normal font and link it to fontawesome TTF file using java code.
Download and Import FontAwesome Font File
Let's take a look at an example.Download and import the FontAwesome TrueType file into your project. You can download the FontAwesome assets from GitHub.
When you download FontAwesome, you end up with an archive that includes a number of files and folders. Most of these are useful for web projects. We are only interested infontawesome-webfont.ttf, which is located in thefonts folder.
In your Android project, navigate toapp > src > main. Themain directory should include a folder namedassets.If there isn't one, then create it. In theassetsdirectory, create another folder, fonts, and addfontawesome-webfont.ttf to this folder.
Place FontAwesome Icons Code in Strings.xml File
To place font awesome icons code in android strings.xml file, give a name like normal strings and paste font awesome cheatsheet icons code like click here.
res/values/strings.xml
<resources> <string name="app_name">FontAwesome Icons</string> <string name="font_awesome_android_ic"></string> <string name="font_awesome_area_chart_ic"></string> <string name="font_awesome_cubes_ic"></string> <string name="font_awesome_mobile_phone_ic"></string></resources>
Insert FontAwesome Icons in Layouts File
In android layout file, add TextViews, Buttons, etc. to place font awesome icons wherever you want. Sample XML layouts file of android application looks like this.
res/layout/activity_main.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="mahesh.com.fontawesomeicons.MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginBottom="18dp" android:text="Font Awesome Icons" android:textSize="20sp" /> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/font_awesome_android_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="center_horizontal" android:text="@string/font_awesome_android_ic" android:textColor="#80d204" android:textSize="50sp" /> <TextView android:id="@+id/font_awesome_area_chart_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="center_horizontal" android:text="@string/font_awesome_area_chart_ic" android:textColor="#0491d2" android:textSize="50sp" /> <TextView android:id="@+id/font_awesome_cubes_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="center_horizontal" android:text="@string/font_awesome_cubes_ic" android:textColor="#d27c04" android:textSize="50sp" /> </LinearLayout> <TextView android:id="@+id/font_awesome_mobile_phone_icon" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="30dp" android:gravity="center_horizontal" android:text="@string/font_awesome_mobile_phone_ic" android:textColor="#02a342" android:textSize="200sp" /> <TextView android:layout_width="fill_parent" android:layout_height="fill_parent" android:autoLink="web" android:gravity="center|bottom" android:text="ViralAndroid.com" android:textSize="24sp" android:textStyle="bold" /></LinearLayout>
Your layout is ready; it’s time to work in our java activity file to make working by font awesome fonts. Open your java activity file i.e. MainActivity.java file and place little bit code in onCreate method. MainActivity.java file will looks like below.
src/MainActivity.java
package mahesh.com.fontawesomeicons;import android.graphics.Typeface;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.widget.TextView;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Typeface fontAwesomeFont = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf"); TextView fontAwesomeAndroidIcon = (TextView) findViewById(R.id.font_awesome_android_icon); TextView fontAwesomeAreaChartIcon = (TextView) findViewById(R.id.font_awesome_area_chart_icon); TextView fontAwesomeCubesIcon = (TextView) findViewById(R.id.font_awesome_cubes_icon); TextView fontAwesomeMobilePhoneIcon = (TextView) findViewById(R.id.font_awesome_mobile_phone_icon); fontAwesomeAndroidIcon.setTypeface(fontAwesomeFont); fontAwesomeAreaChartIcon.setTypeface(fontAwesomeFont); fontAwesomeCubesIcon.setTypeface(fontAwesomeFont); fontAwesomeMobilePhoneIcon.setTypeface(fontAwesomeFont); }
You have done all things. Now, run your source code.
Conclusion
In this quick tip, I showed you how to use the FontAwesomeicon set in an Android project. FontAwesome iswidely known, very rich, and free. The result is sharp and crisp icons, even on high resolution displays. As an added bonus, changing an icon's size or color is as simple as changing an XML attribute.
