文章来源:
android-iconify 使用详解
IconFont的制作及在Android的使用
github上的用法也足够了
目录
- 了解iconify
- 使用iconify
1. 了解iconify
iconify的github地址:https://github.com/JoanZapata/android-iconify
项目地址:http://joanzapata.com/android-iconify
iconify是一个矢量图标库,包含使用 Dave Gandy 制作的超过370中矢量字体图标,可以使Android应用开发者免于制作多种适用于不同屏幕大小尺寸的图片,从而提高开发者工作效率。
适用场景:
1、iconify原作者提供了三种他自定义的控件:
IconTextView、IconButton、IconToggleButton,
可以直接使用这三类控件来显示iconify中提供的字体图标。
2、在java代码中通过使用一个IconDrawable为具有setIcon(Drawable drawable)方法的控件设置该字体图标
iconify优缺点:
优点:由于这些图标均是矢量字体图标,所以不仅可以无限放大而不会失真,模糊,而且可以将适用于text的属性应用于这些矢量图标上,从而实现改变图标颜色、添加阴影等效果
缺点:目前在xml文件中使用图标库中的资源时,需要自己对照查阅不同图标所对应的标记,自己手敲标记,这样不仅麻烦,而且容易出错。
2. 使用iconify
① 添加依赖
在需要使用iconify的app的build.gradle的dependencies中添加依赖。
(下面添加了整个库,在实际开发过程中,可以只添加自己需要的某一个或几个库即可)
dependencies {
compile 'com.joanzapata.iconify:android-iconify-fontawesome:2.2.2' // (v4.5)
compile 'com.joanzapata.iconify:android-iconify-entypo:2.2.2' // (v3,2015)
compile 'com.joanzapata.iconify:android-iconify-typicons:2.2.2' // (v2.0.7)
compile 'com.joanzapata.iconify:android-iconify-material:2.2.2' // (v2.0.0)
compile 'com.joanzapata.iconify:android-iconify-material-community:2.2.2' // (v1.4.57)
compile 'com.joanzapata.iconify:android-iconify-meteocons:2.2.2' // (latest)
compile 'com.joanzapata.iconify:android-iconify-weathericons:2.2.2' // (v2.0)
compile 'com.joanzapata.iconify:android-iconify-simplelineicons:2.2.2' // (v1.0.0)
compile 'com.joanzapata.iconify:android-iconify-ionicons:2.2.2' // (v2.0.1)
}
② 初始化android-iconify
记得声明自定义的Application
public class MyApplication extends Application {
@Override
public void onCreate() {
super.onCreate();
Iconify
.with(new FontAwesomeModule())
.with(new EntypoModule())
.with(new TypiconsModule())
.with(new MaterialModule())
.with(new MaterialCommunityModule())
.with(new MeteoconsModule())
.with(new WeathericonsModule())
.with(new SimpleLineIconsModule())
.with(new IoniconsModule());
}
}
③ 使用
<com.joanzapata.iconify.widget.IconTextView
android:id="@+id/itv_test"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:shadowColor="#22000000"
android:shadowDx="3"
android:shadowDy="3"
android:shadowRadius="1"
android:text="I {fa-heart-o 12dp} to {fa-code 20dp} on {fa-android 40dp}"
android:textColor="@color/purple"
android:textSize="40sp" />