Android-Iconics 开源库的使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cuipp0509/article/details/60778152

Android-Iconics 开源库的使用

我使用这个开源库完全就是因为方便,可以让我更加专注的学习 Android 其它方面的知识,而不在图标上浪费时间。写这篇文章也完全是为了方便自己使用这个开源库,毕竟时间长了,就记不清怎么使用了,还是学习后留下学习的笔记比较好。

对应项目已经放在 Github 上面。

一、添加依赖

compile 'com.mikepenz:iconics-core:2.8.2@aar'
compile 'com.android.support:appcompat-v7:${supportLibVersion}'

这两行添加的是 Android-Iconics 开源库的核心依赖,是必须添加的。而第二行的 appcompat-v7 库一般在新建项目时就会默认添加,而后面的 ${supportLibVersion} 则表示的当前support库的最新版本。我在使用时用的是25.2.0版本。

compile 'com.mikepenz:google-material-typeface:3.0.1.0.original@aar'
compile 'com.mikepenz:material-design-iconic-typeface:2.2.0.2@aar'
compile 'com.mikepenz:fontawesome-typeface:4.7.0.0@aar'
compile 'com.mikepenz:octicons-typeface:3.2.0.2@aar'
compile 'com.mikepenz:meteocons-typeface:1.1.0.2@aar'
compile 'com.mikepenz:community-material-typeface:1.8.36.1@aar'
compile 'com.mikepenz:weather-icons-typeface:2.0.10.2@aar'
compile 'com.mikepenz:typeicons-typeface:2.0.7.2@aar'
compile 'com.mikepenz:entypo-typeface:1.0.0.2@aar'
compile 'com.mikepenz:devicon-typeface:2.0.0.2@aar'
compile 'com.mikepenz:foundation-icons-typeface:3.0.0.2@aar'
compile 'com.mikepenz:ionicons-typeface:2.0.1.2@aar'

这几行在添加时,就不是必须的了,它表示的是各种图标库,你只要选择自己喜欢用的添加上去就好了。

那么怎么才能找到自己喜欢的图标呢?其实在Android-Iconics开源库中,作者在Google Play商店上提供了一个应用,可以查看所有的图标,然后通过每个图标对应的字符串就可以使用这个图标了。应用的使用图片如下:

图片

这个应用我已经放在了百度云里,密码:jvbu

二、在XML文件中使用

1、使用开源库中的自定义控件

在自定义的开源库中为了方便大家的使用,它还自定义了四个控件分别是IconicsButton,IconicsCompatButton,IconicsImageView,IconicsTextView。大家只需要添加依赖之后,就可以直接使用。

<com.mikepenz.iconics.view.IconicsImageView
    android:id="@+id/iconicsImageView"
    android:layout_width="72dp"
    android:layout_height="72dp"
    android:layout_gravity="center"
    app:iiv_icon="@string/gmd_ac_unit"
    app:iiv_color="@color/colorPrimary"
    app:iiv_size="36dp"/>

<com.mikepenz.iconics.view.IconicsButton
    android:id="@+id/iconicsButton"
    android:layout_gravity="center"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="{gmd-sort} IconicsButton"/>

<com.mikepenz.iconics.view.IconicsTextView
    android:layout_gravity="center"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="{gmd-ac-unit}This is a Android-Iconics"/>

从上面可以看出,图标可以嵌入到文字中,说明其实所有的图标都是字体文件中的特殊符号。

IconicsImageView其实还有android:src属性,经过实验测试,app:iiv_icon属性覆盖了android:src属性,所有请以app:iiv_icon系列属性为主

实现结果如下图:

实现效果

2、在常用控件中使用Android-Iconics图标

官方说明上说在普通控件上使用图标有两种方法:

1、在onCreate函数中加入代码

@Override
protected void onCreate(Bundle savedInstanceState) {
    LayoutInflaterCompat.setFactory(getLayoutInflater(), new IconicsLayoutInflater(getDelegate()));
    //...
    super.onCreate(savedInstanceState);
    //...
}

2、重写attchBaseContext函数

@Override
protected void attachBaseContext(Context newBase) {
    super.attachBaseContext(IconicsContextWrapper.wrap(newBase));
}

但是我失败了。。我只能在TextView控件的android:text属性中加入图标,但是,却不能使用ImageView控件中的app:ico_icon等一系列属性,我也不知道为什么,大概是我还学习得不够吧!

还有重要的一点要说,就是使用上述两种方法的其中一种后,开源库自定义的控件中除IconicsImageView外,其它的就不能显示图标了,就是说不能在文字中添加图标了!

三、以Drawable方式使用

以Drawable方式主要是在代码中使用,可以动态地改变图标,现在为IconicsButton控件添加一个单击监听器,来动态地改变IconicsImageView的图标。

public class MainActivity extends AppCompatActivity {

    private IconicsButton  iconicsButton;
    private IconicsImageView  iconicsImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iconicsButton = (IconicsButton) findViewById(R.id.iconicsButton);
        iconicsImageView = (IconicsImageView) findViewById(R.id.iconicsImageView);

        iconicsButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                iconicsImageView.setIcon(getIcon(GoogleMaterial.Icon.gmd_ac_unit, 36, Color.GRAY));
            }
        });

    }

    private IconicsDrawable getIcon(IIcon icon,  int dp, int color) {
        return new IconicsDrawable(this).icon(icon).sizeDp(dp).color(color);
    }
}

具体实现效果如下:

GIF图

四、高级使用方法:自定义图标

使用这个开源库就是为了方便,如果有人喜欢研究,可以自己做一个自定义的图标库出来。

五、总结

在使用这个开源库时,就以使用开源库自定义的控件IconicsImageView为主,其它一般控件就在代码中时再添加图标,所有导致使用这个开源库有一个缺点,那就是无法预览。即使是IconicsImageView,也不能预览。

没有更多推荐了,返回首页