Android中正确使用字体图标(iconfont)的方法

  • Z时代
  • 2024-01-10
  • 分类：综合

字体图标

字体图标是指将图标做成字体文件（.ttf），从而代替传统的png等图标资源。

使用字体图标的优点和缺点分别为：

优点：

      1. 可以高度自定义图标的样式（包括大小和颜色)，对于个人开发者尤其适用

      2. 可以减少项目和安装包的大小（特别你的项目中有很多图片icon时，效果将是M级）

      3. 几乎可以忽略屏幕大小和分辨率，做到更好的适配

      4. 使用简单

      ……

缺点： 

      1. 只能是一些简单的icon，不能代替如背景图、9图等资源

      2. 一些需要文字说明的icon，图片资源将会是更好的选择

      3. 对设计的要求更高，不同icon可能拥有不同的边距，这时要切换icon时还要设置大小

      4. 由于边距的存在可能存在无法填满控件的情况

      5. 无法在Android studio中进行实时预览

iconfont对于客户端应用来说有很多便捷：

      1、自由变化大小

      2、自由修改颜色

      3、可以添加一些视觉效果如：阴影、旋转、透明度。

      4、比单位的图片更节省资源

正常的添加方案

第一步：复制字体文件到项目 assets 目录；

 

第二步：打开 iconfont 目录中的 demo.html，找到图标相对应的 HTML 实体字符码；

第三步：打开 res/values/strings.xml，添加 string 值；

<string name="icons">^ 手机</string>

第四步：打开 activity_main.xml，添加 string 值到 TextView：

<TextView
  android:id="@+id/like"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="@string/icons" />

第五步：为 TextView 指定文字：

import android.graphics.Typeface;
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.like);
  textview.setTypeface(iconfont);
}

设置完效果如下

 

就是这么简单完事。但是我们发现在activity代码中setTypeface很没有必要。因为我们整个应用有很多页面都需要设置字体图标时，这样设置会有很多垃圾代码产生。这时我们可以用一个简单的自定义view就解决问题

public class IconFontTextview extends TextView {  
  public IconFontTextview(Context context) {    
    super(context);    
     init(context);  
  }  
  public IconFontTextview(Context context, AttributeSet attrs) {  
     super(context, attrs);   
     init(context);  
  }  
  public IconFontTextview(Context context, AttributeSet attrs, int defStyleAttr) {    
     super(context, attrs, defStyleAttr);    
     init(context);  
  }    
   private void init(Context context){    
      Typeface iconfont = Typeface.createFromAsset(context.getAssets(), "iconfont/iconfont.ttf");   
      setTypeface(iconfont); 
 }
}

然后就是改一下我们布局文件

<com.xiaoming.liaoliao.view.IconFontTextview      
   android:layout_width="wrap_content"   
   android:layout_height="wrap_content" 
   android:textSize="20dp"  
  android:textColor="@android:color/holo_red_dark"  
  android:text="^ 手机" />

其他textview的属性还是正常使用，解决

总结

如你所见，使用字体图标可以高度自定义图标的大小和颜色，对于个人开发者来说是一个特别好的消息，再也不用在找图标时考虑颜色和大小了。以上就是在Android中正确使用字体图标(iconfont)的方法，希望这篇文章对各位Android开发者们能有所帮助，如果有疑问大家可以留言交流。谢谢大家低的支持。

以上是 Android中正确使用字体图标(iconfont)的方法 的全部内容， 来源链接： utcz.com/z/325285.html

回到顶部