Android LED数字/电子表字体digital font

60 阅读 0 评论 40 点赞

我是靠谱客的博主纯情小蝴蝶，最近开发中收集的这篇文章主要介绍Android LED数字/电子表字体digital font，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

先看实现的字体样式：

这种类型的字体样式会被一些UI设计用于Android APP中视频，或者广告的倒计时牌，比如常见的Android视频直播软件中右上角的广告倒计时。
实现这种字体样式，先导入一个字体包：digital-7.ttf。这个digital-7.ttf文件，我已经上传，下载链接地址：http://download.csdn.net/download/zhangphil/9965392
拿到digital-7.ttf文件后，作为Android assets资源文件导入，如图：

然后就可以使用了，我给出一个例子，重写一个TextView，PhilText.java：

[java]  
   view plain 
    copy 
   
package zhangphil.app;  
  
import android.content.Context;  
import android.content.res.AssetManager;  
import android.graphics.Typeface;  
import android.util.AttributeSet;  
import android.widget.TextView;  
  
import java.io.File;  
  
/** 
 * Created by Phil on 2017/9/5. 
 */  
  
public class PhilText extends TextView{  
  
    public PhilText(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        init(context);  
    }  
  
    private void init(Context context) {  
        String file = "fonts" + File.separator + "digital-7.ttf";  
  
        AssetManager assets = context.getAssets();  
        Typeface font = Typeface.createFromAsset(assets, file);  
        setTypeface(font);  
    }  
}  

把PhilText直接作为View放到xml布局里面使用：

[html]  
   view plain 
    copy 
   
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="horizontal">  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="倒计时:" />  
  
    <zhangphil.app.PhilText  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="10dp"  
        android:text="20"  
        android:textColor="@android:color/holo_green_dark"  
        android:textSize="80dp"  
        android:textStyle="bold" />  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="天" />  
  
    <zhangphil.app.PhilText  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="10dp"  
        android:text="48"  
        android:textColor="@android:color/holo_green_dark"  
        android:textSize="80dp"  
        android:textStyle="bold" />  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="小时" />  
  
    <zhangphil.app.PhilText  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="10dp"  
        android:text="09"  
        android:textColor="@android:color/holo_green_dark"  
        android:textSize="80dp"  
        android:textStyle="bold" />  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="分" />  
  
    <zhangphil.app.PhilText  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="10dp"  
        android:text="05"  
        android:textColor="@android:color/holo_green_dark"  
        android:textSize="80dp"  
        android:textStyle="bold" />  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="秒" />  
  
</LinearLayout>  