FontIcon Library

FontIcon is simple library which use font-based icons in Android.

Links

• Project page
• Example video
• JavaDoc

Get demo on Google Play

Pros and cons

Advantages

• Single .ttf file instead of lot of bitmaps for different densities (mdpi, hdpi, xhdpi, etc.)
• Scalable vector graphics instead of raster images
• Possibility to use any color for icon in run-time
• Possibility to use any graphics effect which is available for TextView

Disadvantages

• Not easy to add additional icons

Gradle dependency

 dependencies {

compile 'com.shamanland:fonticon:0.1.9'
  
}

Usage

1. Create your font with icons

Do it yourself. Check tutorial on fontastic.me service or find other service.

2. Prepare your font to be used in Android.

Read this manual for details. In case of fontastic use this util.

3. Declare your FontIconDrawable in xml

res/xml/ic_android.xml

 <?xml version="1.0" encoding="utf-8"?>
  <font-icon

 xmlns:android="http://schemas.android.com/apk/res-auto"

 android:text="@string/ic_android"

 android:textSize="@dimen/big_icon_size"

 android:textColor="@color/green_170"

 />

4. Inflate your FontIconDrawable in Java

 Drawable icon = FontIconDrawable.inflate(getResources(), R.xml.ic_android);

5. Use your FontIconDrawable as compound for TextView, EditText or Button (in res/layout with custom class)

 <com.shamanland.fonticon.FontIconTextView

 android:layout_width="wrap_content"

 android:layout_height="wrap_content"

 android:text="Dummy text"

 app:iconLeft="@xml/ic_android"

 />

<com.shamanland.fonticon.FontIconEditText

 android:layout_width="wrap_content"

 android:layout_height="wrap_content"

 android:text="Dummy text"

 app:iconLeft="@xml/ic_android"

 />

<com.shamanland.fonticon.FontIconButton

 android:layout_width="wrap_content"

 android:layout_height="wrap_content"

 android:text="Dummy text"

 app:iconLeft="@xml/ic_button_yes"

 />

6. Use your FontIconDrawable as compound for TextView (in Java-code with platform class)

 Drawable icon = FontIconDrawable.inflate(getResources(), R.xml.ic_android);

  TextView tv = (TextView) result.findViewById(R.id.my_textview_or_button);

  tv.setCompoundDrawables(icon, null, null, null);

7. Use FontIconView as single icon in your layout

 <com.shamanland.fonticon.FontIconView

 android:layout_width="wrap_content"

 android:layout_height="wrap_content"

 android:text="@string/ic_android"

 android:textSize="@dimen/icon_size"

 android:textColor="@color/icon_color"

 />

8. Add glowing effect on touch for your FontIconView

res/layout/f_glowing.xml

 <com.shamanland.fonticon.FontIconView

 android:layout_width="wrap_content"

 android:layout_height="wrap_content"

 android:padding="@dimen/icon_glow_radius"

 android:text="@string/ic_googleplus"

 android:textSize="@dimen/big_icon_size"

 android:textColor="@color/pressed_googleplus"

 android:clickable="true"

 app:overridePressed="true"

 app:pressedGlowColor="@color/googleplus"

 app:pressedGlowRadius="@dimen/icon_glow_radius"

 />

Tools

FontIcon-Prepare - prepares web fonts to be used with this library

License

Copyright 2014 ShamanLand.Com  Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License. You may obtain a copy of the License at
  http://www.apache.org/licenses/LICENSE-2.0  Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.