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

最后的效果图

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