Friday, January 23, 2015

How to use a icons and symbols from “Font Awesome” on Native Android Application


Font Awesome:

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Use in Android:

Font Awesome seems to be working fine for me in Android Application.Do you complete following steps:



  1. Copied fontawesome-webfont.ttf into my assests folder
  2. Found the character entities for icons I wanted, using this page: http://fortawesome.github.io/Font-Awesome/cheatsheet/
  3. Created an entry in strings.xml for each icon. Eg for a heart:
    <string name="icon_heart">&#xf004;</string>
  4. Referenced said entry in the view of my xml layout or programmatically:
     <Button
         android:id="@+id/like"
         style="?android:attr/buttonStyleSmall"
         ...
         android:text="@string/icon_heart" />
  5. OR
  6. button.setText((R.string.icon_heart));
  7. Loaded the font in my onCreate method and set it for the appropriate Views:
    Typeface font = Typeface.createFromAsset( getAssets(), "fontawesome-webfont.ttf" );
    ...
    Button button = (Button)findViewById( R.id.like );
    button.setTypeface(font);

2 comments :

 

Copyright @ 2014 Tech Tutorial .