近期開發(fā)收音機有個需求，將頻率值以圖片的形式顯示出來（如結(jié)尾效果圖所示）。然而，一開始用TextView寫出來的效果太丑了，提交上去肯定不合格。于是乎我想到了寫一個自定義View，將頻率的數(shù)字切圖排布在View上，滿足效果圖的需求，在此記錄一下。

TextView表示的數(shù)字，Low得一批。

主要代碼及相關(guān)注釋

public class DigitalTextView extends LinearLayout { public DigitalTextView(Context context) { super(context); init(); } public DigitalTextView(Context context, AttributeSet attrs) { super(context, attrs); init(); } // 初始化 private void init() { this.setOrientation(LinearLayout.HORIZONTAL); } /** * 獲取調(diào)頻圖片 * * @param index 頻率值 * @return 對應(yīng)頻率值的圖片id */ private int getFreqDrawable(int index) { int drawableId = -1; switch (index) { case 0:drawableId = R.drawable.num_0;break; case 1:drawableId = R.drawable.num_1;break; case 2:drawableId = R.drawable.num_2;break; case 3:drawableId = R.drawable.num_3;break; case 4:drawableId = R.drawable.num_4;break; case 5:drawableId = R.drawable.num_5;break; case 6:drawableId = R.drawable.num_6;break; case 7:drawableId = R.drawable.num_7;break; case 8:drawableId = R.drawable.num_8;break; case 9:drawableId = R.drawable.num_9;break; } return drawableId; } /** * 根據(jù)傳遞進來的字符，返回對應(yīng)的圖片資源 * * @param c 傳遞進來的字符 * @return 對應(yīng)的圖片id */ private int getResourceForChar(char c) { if (c == ’.’) { return R.drawable.num_dot; } else if (c >= ’0’ && c <= ’9’) { return getFreqDrawable(c - ’0’); } else { return -1; } } // 創(chuàng)建一個ImageView private ImageView createImageView() { ImageView imageView = new ImageView(getContext()); LayoutParams param = new LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT); imageView.setLayoutParams(param); return imageView; } /** * 更新自定義TextView * @param text 傳遞進來的字符串 */ public void setDigitalText(String text) { int startIndex = getChildCount() - text.length();// 起始位置，因為imageView的數(shù)量是根據(jù)字符串的長度創(chuàng)建的 if (startIndex < 0)//第一次更新的時候肯定是小于0的 startIndex = 0; for (int i = 0; i < startIndex; i++) { getChildAt(i).setVisibility(View.GONE); } //下面是根據(jù)字符串的長度，循環(huán)更換為對應(yīng)的圖片 for (int i = 0; i < text.length(); i++) { int childId = i + startIndex; int resId = getResourceForChar(text.charAt(i));//將每個字符轉(zhuǎn)換為數(shù)字 if (resId != -1) {if (childId == getChildCount()) { addView(createImageView());//添加到LinearLayout中}ImageView child = ((ImageView) getChildAt(childId));child.setVisibility(View.VISIBLE);child.setImageResource(resId); } } }}

DigitalTextView 已經(jīng)實現(xiàn)了把頻率用drawable下的num_0~num9來顯示了，因此只需要在Activity更新頻率的方法里調(diào)用setDigitalText(mFreq)即可完美實現(xiàn)需求。

最后的效果圖

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。