平武建站

Androidiconify使用详解

android-iconify 使用详解 ，下文图文并茂给大家介绍的非常详细，具体内容详情请参考下文。

创新互联-专业网站定制、快速模板网站建设、高性价比新林网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式新林网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖新林地区。费用合理售后完善，十年实体公司更值得信赖。

Android iconify 使用详解

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 下载资源

Android iconify 使用详解


Android iconify 使用详解

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 {
  // 将/&#x替换成\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;
  }
}

Android iconify 使用详解

4、在代码中使用

IconDrawable iconDrawable = new IconDrawable(this, FontAwesomeIcons.fa_key)
        .colorRes(R.color.colorAccent)
        .actionBarSize();
imageView.setImageDrawable(iconDrawable);

5、使用到的资源文件

支付宝默认状态 支付宝点击状态 微信正常状态 微信点击状态   

Android iconify 使用详解Android iconify 使用详解Android iconify 使用详解Android iconify 使用详解

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

其他资讯