溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android實現(xiàn)LED發(fā)光字效果

發(fā)布時間：2020-10-14 20:36:45 來源：腳本之家 閱讀：145 作者：胖子愛你520 欄目：移動開發(fā)

大家好，這一篇博客來教大家一個類似于LED鬧鐘顯示屏樣式的小案例，UI比較美觀，文末會提供下載相關(guān)資源地址供大家下載，首先我們來看一看這個案例的運行效果。

Android實現(xiàn)LED發(fā)光字效果

正常運行在手機中時，效果很流暢，gif上可能是由于錄制完轉(zhuǎn)碼的時候，速度調(diào)快了，所以看上去速度比較快，這都是小事情，接下來我們來看看源碼是如何實現(xiàn)的。

1.代碼很簡單，主要是利用xml布局文件的幾個屬性，并且通過設(shè)置我們特定的字體就能很容易的實現(xiàn)我們看到的效果啦，首先我們創(chuàng)建一個類LedTextView繼承自TextView。

public class LedTextView extends TextView {

 private static final String FONTS_FOLDER = "fonts";
 private static final String FONT_DIGITAL_7 = FONTS_FOLDER
  + File.separator + "digital-7.ttf";

 public LedTextView(Context context) {
 super(context);
 init(context);
 }

 public LedTextView(Context context, AttributeSet attrs) {
 super(context, attrs);
 init(context);
 }

 public LedTextView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 init(context);
 }

 private void init(Context context) {
 AssetManager assets = context.getAssets();
 final Typeface font = Typeface.createFromAsset(assets,
  FONT_DIGITAL_7);
 setTypeface(font);
 }

}

這里我們設(shè)置了我們特定的字體樣式digital-7.ttf。

2.下面我們看看布局文件是如何寫的

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:background="#000000"
 android:layout_height="match_parent">

 <com.eloancn.ledtextview.LedTextView
  android:layout_centerInParent="true"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:text="88:88:88"
  android:textColor="#3300ff00"
  android:textSize="80sp" />

 <com.eloancn.ledtextview.LedTextView
  android:layout_centerInParent="true"
  android:id="@+id/main_clock_time"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:shadowColor="#00ff00"
  android:shadowDx="0"
  android:shadowDy="0"
  android:shadowRadius="10"
  android:textColor="#00ff00"
  android:textSize="80sp" />

</RelativeLayout>

可以看到，我們主要是在上面一層的TextView控件上設(shè)置了以下幾個屬性

android:shadowColor="#00ff00"
android:shadowDx="0"
android:shadowDy="0"
android:shadowRadius="10"

并且設(shè)置了指定的顏色，這樣就能實現(xiàn)LED發(fā)光字的效果。

3.下面我們再來看看MainActivity是如何實現(xiàn)的，代碼很簡單，主要是獲取當前時間，分別截取時分秒賦給我們的textView。

public class MainActivity extends AppCompatActivity {
 private static final String DATE_FORMAT = "%02d:%02d:%02d";
 private static final int REFRESH_DELAY = 500;

 private final Handler mHandler = new Handler();
 private final Runnable mTimeRefresher = new Runnable() {
  @Override
  public void run() {
   final Date d = new Date();
   mTextView.setText(String.format(DATE_FORMAT, d.getHours(),
     d.getMinutes(), d.getSeconds()));
   mHandler.postDelayed(this, REFRESH_DELAY);
  }
 };

 private TextView mTextView;

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  mTextView = (TextView) findViewById(R.id.main_clock_time);
 }

 @Override
 protected void onResume() {
  super.onResume();
  mHandler.post(mTimeRefresher);
 }

 @Override
 protected void onStop() {
  super.onStop();
  mHandler.removeCallbacks(mTimeRefresher);
 }
}

怎么樣，代碼是不是很簡單就實現(xiàn)了呢，大家趕快試一試吧！

字體資源下載地址：Android實現(xiàn)LED發(fā)光字效果

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手