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:
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布局里面使用:
<?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>
代码运行结果就是本文前述的配图。