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);
  }
  
  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;
  }

  
  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;
  }


  
  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)即可完美实现需求。

最后的效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。