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

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

1. package zhangphil.app;  
2.   
3. import android.content.Context;  
4. import android.content.res.AssetManager;  
5. import android.graphics.Typeface;  
6. import android.util.AttributeSet;  
7. import android.widget.TextView;  
8.   
9. import java.io.File;  
10.   
11. /** 
12.  * Created by Phil on 2017/9/5. 
13.  */  
14.   
15. public class PhilText extends TextView{  
16.   
17.     public PhilText(Context context, AttributeSet attrs) {  
18.         super(context, attrs);  
19.         init(context);  
20.     }  
21.   
22.     private void init(Context context) {  
23.         String file = "fonts" + File.separator + "digital-7.ttf";  
24.   
25.         AssetManager assets = context.getAssets();  
26.         Typeface font = Typeface.createFromAsset(assets, file);  
27.         setTypeface(font);  
28.     }  
29. }  

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

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="horizontal">  
6.   
7.     <TextView  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content"  
10.         android:text="倒计时:" />  
11.   
12.     <zhangphil.app.PhilText  
13.         android:layout_width="wrap_content"  
14.         android:layout_height="wrap_content"  
15.         android:layout_marginLeft="10dp"  
16.         android:text="20"  
17.         android:textColor="@android:color/holo_green_dark"  
18.         android:textSize="80dp"  
19.         android:textStyle="bold" />  
20.   
21.     <TextView  
22.         android:layout_width="wrap_content"  
23.         android:layout_height="wrap_content"  
24.         android:text="天" />  
25.   
26.     <zhangphil.app.PhilText  
27.         android:layout_width="wrap_content"  
28.         android:layout_height="wrap_content"  
29.         android:layout_marginLeft="10dp"  
30.         android:text="48"  
31.         android:textColor="@android:color/holo_green_dark"  
32.         android:textSize="80dp"  
33.         android:textStyle="bold" />  
34.   
35.     <TextView  
36.         android:layout_width="wrap_content"  
37.         android:layout_height="wrap_content"  
38.         android:text="小时" />  
39.   
40.     <zhangphil.app.PhilText  
41.         android:layout_width="wrap_content"  
42.         android:layout_height="wrap_content"  
43.         android:layout_marginLeft="10dp"  
44.         android:text="09"  
45.         android:textColor="@android:color/holo_green_dark"  
46.         android:textSize="80dp"  
47.         android:textStyle="bold" />  
48.   
49.     <TextView  
50.         android:layout_width="wrap_content"  
51.         android:layout_height="wrap_content"  
52.         android:text="分" />  
53.   
54.     <zhangphil.app.PhilText  
55.         android:layout_width="wrap_content"  
56.         android:layout_height="wrap_content"  
57.         android:layout_marginLeft="10dp"  
58.         android:text="05"  
59.         android:textColor="@android:color/holo_green_dark"  
60.         android:textSize="80dp"  
61.         android:textStyle="bold" />  
62.   
63.     <TextView  
64.         android:layout_width="wrap_content"  
65.         android:layout_height="wrap_content"  
66.         android:text="秒" />  
67.   
68. </LinearLayout>  

代码运行结果就是本文前述的配图。