美文网首页
TTF字体库系列文章3 —— android-iconify使用

TTF字体库系列文章3 —— android-iconify使用

作者: Amy_LuLu__ | 来源:发表于2018-09-18 15:52 被阅读0次

    参考文章:
    android-iconify 使用详解
    IconFont的制作及在Android的使用

    android-iconify的简单直接使用基础上进行操作
    默认已经集成好iconify,可以完成最基本的使用

    (1)新建assets文件夹,并将字体文件fontello.ttf拷贝到文件夹下

    (2)新建FontelloModule类,实现IconFontDescriptor接口,内容如下:

    public class FontelloModule implements IconFontDescriptor {
    
        @Override
        public String ttfFileName() {
            return "fontello.ttf";
        }
    
        @Override
        public Icon[] characters() {
            return FontelloIcons.values();
        }
    }
    

    (3)新建FontelloIcons枚举,实现Icon接口,内容如下:

     //关于fe_spin1('\uE800'):
    
    在ttf文件夹中提供的html文件中的编码->变成
    0xe800 -> ('\uE800')
    
    public enum FontelloIcons implements Icon {
        icon_news('\uE800'),
        icon_contact('\uE801'),
        icon_more('\uE802');//注:这里我并没有把所有的图标都加上
    
        char character;
    
        FontelloIcons(char character) {
            this.character = character;
        }
    
        @Override
        public String key() {
            return name().replace('_', '-');
        }
    
        @Override
        public char character() {
            return character;
        }
    }
    

    (4)测试:在activity_main.xml布局文件中添加一个IconTextView

        <com.joanzapata.iconify.widget.IconTextView
            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 {icon-news 12dp} to {icon-contact 20dp} on {icon-more 40dp}"
            android:textColor="@color/purple"
            android:textSize="40sp" />
    

    (5)在Application中添加初始化操作

    Iconify.with(new FontelloModule());
    

    完成~

    相关文章

      网友评论

          本文标题:TTF字体库系列文章3 —— android-iconify使用

          本文链接:https://www.haomeiwen.com/subject/fowunftx.html