广告位联系
返回顶部
分享到

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

Android 来源:转载 作者:秩名 发布时间:2021-01-28 21:24:55 人浏览
摘要

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

近期开发收音机有个需求,将频率值以图片的形式显示出来(如结尾效果图所示)。然而,一开始用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)即可完美实现需求。

最后的效果图



版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 : https://blog.csdn.net/weixin_38689688/article/details/113250289
相关文章
  • Kotlin的Collection与Sequence操作异同点介绍

    Kotlin的Collection与Sequence操作异同点介绍
    在Android开发中,集合是我们必备的容器,Kotlin的标准库中提供了很多处理集合的方法,而且还提供了两种基于容器的工作方式:Collection 和
  • 实现一个Kotlin函数类型方法

    实现一个Kotlin函数类型方法
    接口与函数类型 业务开发中,经常会有实现一个函数式接口(即接口只有一个方法需要实现)的场景,大家应该都会不假思索的写出如下代
  • Android10 App启动Activity源码分析
    ActivityThread的main方法 让我们把目光聚焦到ActivityThread的main方法上。 ActivityThread的源码路径为/frameworks/base/core/java/android/app/ActivityThread。 1 2
  • Android10客户端事务管理ClientLifecycleManager源码解析

    Android10客户端事务管理ClientLifecycleManager源码解析
    在Android 10 App启动分析之Activity启动篇(二)一文中,简单地介绍了Activity的生命周期管理器是如何调度Activity进入onCreate生命周期的流程。这
  • Kotlin对象的懒加载方式by lazy与lateinit异同介绍

    Kotlin对象的懒加载方式by lazy与lateinit异同介绍
    属性或对象的延时加载是我们相当常用的,一般我们都是使用 lateinit 和 by lazy 来实现。 他们两者都是延时初始化,那么在使用时那么他们两
  • Android类加载流程分析

    Android类加载流程分析
    本文分析的代码基于Android8.1.0源码。 流程分析 从loadClass开始,我们来看下Android中类加载的流程 /libcore/ojluni/src/main/java/java/lang/ClassLoader.ja
  • Android实现读写USB串口数据的代码

    Android实现读写USB串口数据的代码
    最近在研究USB方面的内容;先后做了关于Android读写HID、串口设备的DEMO。本文比较简单,主要介绍的是Android实现读取串口数据的功能 废话不
  • Epoxy - 在RecyclerView中构建复杂界面
    Diffing 对于复杂数据结构支持的多个视图类型展示在屏幕上, Epoxy此时是尤其有用的. 在这些场景中, 数据可能会被网络请求, 异步 Observable, 用
  • Android性能优化的详细介绍

    Android性能优化的详细介绍
    性能优化是一个app很重要的一部分,一个性能优良的app从被下载到启动到使用都能给用户到来很好的体验。自然我们做性能优化也是从被下
  • Android进阶宝典-插件化2(Hook启动插件中四大组件

    Android进阶宝典-插件化2(Hook启动插件中四大组件
    在上一节,我们主要介绍了如果通过反射来加载插件中的类,调用类中的方法;既然插件是一个apk,其实最重要的是启动插件中的Activity、
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计