欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android自定义View用切图显示字符串

程序员文章站 2022-03-20 22:45:46
近期开发收音机有个需求,将频率值以图片的形式显示出来(如结尾效果图所示)。然而,一开始用textview写出来的效果太丑了,提交上去肯定不合格。于是乎我想到了写一个自定义view,将频率的数字切图排布...

近期开发收音机有个需求,将频率值以图片的形式显示出来(如结尾效果图所示)。然而,一开始用textview写出来的效果太丑了,提交上去肯定不合格。于是乎我想到了写一个自定义view,将频率的数字切图排布在view上,满足效果图的需求,在此记录一下。

textview表示的数字,low得一批。

Android自定义View用切图显示字符串

主要代码及相关注释

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

最后的效果图

Android自定义View用切图显示字符串

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