Androidiconify使用详解
android-iconify 使用详解 ,下文图文并茂给大家介绍的非常详细,具体内容详情请参考下文。
创新互联-专业网站定制、快速模板网站建设、高性价比新林网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式新林网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖新林地区。费用合理售后完善,十年实体公司更值得信赖。
1、android-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)方法的控件设置该字体图标
- 优点:由于这些图标均是矢量字体图标,所以不仅可以无限放大而不会失真,模糊,而且可以将适用于text的属性应用于这些矢量图标上,从而实现改变图标颜色、添加阴影等效果
- 缺点:目前在xml文件中使用图标库中的资源时,需要自己对照查阅不同图标所对应的标记,自己手敲标记,这样不仅麻烦,而且容易出错。
2、使用android-iconify
2.1 添加依赖
在需要使用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) }
2.2 初始化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()); } }
2.3 配置Application
2.4 在布局文件中的使用
其中fa xxx 是Font Awesome的图标库。icon-scan icon-wx-pay 是自定义阿里图标库
<?xml version="1.0" encoding="utf-8"?>
3、自定义FontModule
3.1 下载资源
3.2 添加资源自定义FontModule
将上文截图中的 iconfont.ttf 复制到assets目录
自定义FontModule可以参考FontAwesomeModule,需要实现IconFontDescriptor 接口以及实现Icon接口来添加我们具体的图标
public class IconFontModule implements IconFontDescriptor { @Override public String ttfFileName() { return "iconfont.ttf";//上文复制的字体文件 } @Override public Icon[] characters() { return IconFonts.values(); } } public enum IconFonts implements Icon { // 将/替换成\u icon_scan('\ue609'), icon_ali_pay('\ue65e'), icon_wx_pay('\ue615'), icon_qq_pay('\ue60d'); private char character; IconFonts(char character) { this.character = character; } @Override public String key() { return name().replace('_', '-'); } @Override public char character() { return character; } }
4、在代码中使用
IconDrawable iconDrawable = new IconDrawable(this, FontAwesomeIcons.fa_key) .colorRes(R.color.colorAccent) .actionBarSize(); imageView.setImageDrawable(iconDrawable);
5、使用到的资源文件
支付宝默认状态 支付宝点击状态 微信正常状态 微信点击状态
selector_text_press_color.xml
<?xml version="1.0" encoding="utf-8"?>
alipay_button_style.xml
<?xml version="1.0" encoding="utf-8" ?>
wx_button_style.xml
<?xml version="1.0" encoding="utf-8" ?>
colors.xml
<?xml version="1.0" encoding="utf-8"?>#3F51B5 #303F9F #FF4081 #04b00f
总结
以上所述是小编给大家介绍的Android iconify 使用详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!
文章题目:Androidiconify使用详解
本文链接:http://pwwzsj.com/article/jgcjdd.html