美文网首页
android中IconFont图片字体使用可更改大小,颜色

android中IconFont图片字体使用可更改大小,颜色

作者: 全球顶尖伪极客 | 来源:发表于2019-12-24 18:30 被阅读0次

    IconFont

    阿里妈妈MUX倾力打造的矢量图标管理、交流平台。适用于Web、Android、IOS,官网地址

    Android中使用IconFont

    Android使用说明官网
    android可以直接使用单个icon(svg,png)。也可以直接引入字体应用。

    • 第一步
      iconfont平台选择要使用到的图标,添加到购物车后统一归类到自己创建的项目文件夹中并下载至本地;复制字体文件iconfont.ttf到项目 app/src/assets/iconfont目录。确认目录地址是否正确。
    • 第二步
      打开从iconfont平台下载下来的文件,并在目录中打开demo.html,找到图标相对应的 HTML 实体字符码;比如&#xe617
    • 第三步
      打开 res/values/strings.xml,添加 string值;string就当做普通字符串处理,需要添加应用于几个文本控件,创建几个文本字符串即可,如果单个文本可存在多张图片,则可将该字符串多添加几个图片,如下icons
    <string name="icons">&#x3605; &#x35ad; &#x35ae; &#x35af;</string>
    <string name="gouwuche">&#x3605;</string>
    <string name="home">&#x3605;</string>
    <string name="wode">&#x3605;</string>
    

    第四步:打开 activity_main.xml,添加 string 值到 TextView,控件id名字任意,跟正常开发一样,text文本也跟平时开发一样@string找到指定的字符串。通过设置textSize设置该图片的大小。textColor设置该图片颜色。跟正常textview一样使用即可

      <TextView
            android:id="@+id/iconfont"
            android:layout_width="100dp"
            android:layout_height="100dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            android:text="@string/icons"
            android:textSize="30sp"
            android:textColor="#ff0000"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    
    • 第五步
      为 TextView 指定文字:
    import android.graphics.Typeface;
    import android.os.Bundle;
    import android.widget.TextView;
    
    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            Typeface iconfont = Typeface.createFromAsset(getAssets(), "iconfont/iconfont.ttf");
            TextView textview = (TextView)findViewById(R.id.iconfont);
            textview.setTypeface(iconfont);
        }
    }
    
    
    微信图片_20191224182922.png

    相关文章

      网友评论

          本文标题:android中IconFont图片字体使用可更改大小,颜色

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