Android自定義View用切圖顯示字符串
近期開發收音機有個需求,將頻率值以圖片的形式顯示出來(如結尾效果圖所示)。然而,一開始用TextView寫出來的效果太醜瞭,提交上去肯定不合格。於是乎我想到瞭寫一個自定義View,將頻率的數字切圖排佈在View上,滿足效果圖的需求,在此記錄一下。
TextView表示的數字,Low得一批。
主要代碼及相關註釋
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); } /** * 獲取調頻圖片 * * @param index 頻率值 * @return 對應頻率值的圖片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; } /** * 根據傳遞進來的字符,返回對應的圖片資源 * * @param c 傳遞進來的字符 * @return 對應的圖片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; } } // 創建一個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的數量是根據字符串的長度創建的 if (startIndex < 0)//第一次更新的時候肯定是小於0的 startIndex = 0; for (int i = 0; i < startIndex; i++) { getChildAt(i).setVisibility(View.GONE); } //下面是根據字符串的長度,循環更換為對應的圖片 for (int i = 0; i < text.length(); i++) { int childId = i + startIndex; int resId = getResourceForChar(text.charAt(i));//將每個字符轉換為數字 if (resId != -1) { if (childId == getChildCount()) { addView(createImageView());//添加到LinearLayout中 } ImageView child = ((ImageView) getChildAt(childId)); child.setVisibility(View.VISIBLE); child.setImageResource(resId); } } } }
DigitalTextView 已經實現瞭把頻率用drawable下的num_0~num9來顯示瞭,因此隻需要在Activity更新頻率的方法裡調用setDigitalText(mFreq)即可完美實現需求。
最後的效果圖
以上就是本文的全部內容,希望對大傢的學習有所幫助,也希望大傢多多支持WalkonNet。