时间:2021-05-20
近期开发收音机有个需求,将频率值以图片的形式显示出来(如结尾效果图所示)。然而,一开始用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)即可完美实现需求。
最后的效果图
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
PHP简单生成随机字符串自定义方法/***生成随机字符串*@paramstring$lenth长度*@returnstring字符串*/functionge
本文实例为大家分享了android自定义手表效果的具体代码,供大家参考,具体内容如下1.效果图:2.布局.3.自定义view,显示packagecom.exam
自定义View是android开发的一个重要技能,用android提供的2/3D绘制相关类可以实现非常多炫酷的效果,需要实打实的编程基础。但是自定义View又是
Android自定义View的构造函数自定义View是Android中一个常见的需求,每个自定义的View都需要实现三个基本的构造函数,而这三个构造函数又有两种
Android自定义View时使用TypedArray配置样式属性详细介绍在自定义view时为了提高复用性和扩展性,可以为自定义的view添加样式属性的配置,比