android img标签属性_Android中自定义ImageView添加文字说明详解

前言

大家应该都有所体会，在android开发中，需要展示图片的地方有很多..正常情况下展示一张图片的时候还需要在下面添加一个文字说明..我们也可以用布局ImageView+TextView来实现..最常见的就是底部菜单,或者顶部菜单...图标下面还要添加一个文字说明...重复多次使用ImageView+TextView来实现会感觉有点麻烦..

下面就介绍一个简易的图片+文字的简单控件，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：

上效果图

效果图

下面我们开始撸代码.

MyImageTextViewNew.java

public class MyImageTextViewNew extends LinearLayout {

private ImageView mImageView = null;

private TextView mTextView = null;

private int imageId;

private int textId, textColorId;

public MyImageTextViewNew(Context context) {

this(context, null);

}

public MyImageTextViewNew(Context context, @Nullable AttributeSet attrs) {

this(context, attrs, 0);

}

public MyImageTextViewNew(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

this.setOrientation(LinearLayout.VERTICAL);//设置垂直排序

this.setGravity(Gravity.CENTER);//设置居中

if (mImageView == null) {

mImageView = new ImageView(context);

}

if (mTextView == null) {

mTextView = new TextView(context);

}

if (attrs == null)

return;

int count = attrs.getAttributeCount();

for (int i = 0; i < count; i++) {

String attrName = attrs.getAttributeName(i);//获取属性名称

//根据属性获取资源ID

switch (attrName) {

//显示的图片

case "image":

imageId = attrs.getAttributeResourceValue(i, 0);

break;

//显示的文字

case "text":

textId = attrs.getAttributeResourceValue(i, 0);

break;

//显示的文字的颜色

case "textColor":

textColorId = attrs.getAttributeResourceValue(i, 0);

break;

}

}

init();

}

/**

* 初始化状态

*/

private void init() {

this.setText(textId);

mTextView.setGravity(Gravity.CENTER);//字体居中

this.setTextColor(textColorId);

this.setImgResource(imageId);

addView(mImageView);//将图片控件加入到布局中

addView(mTextView);//将文字控件加入到布局中

}

/**

* 设置显示的图片

*

* @param resourceID 图片ID

*/

private void setImgResource(int resourceID) {

if (resourceID == 0) {

this.mImageView.setImageResource(0);

} else {

this.mImageView.setImageResource(resourceID);

}

}

/**

* 设置显示的文字

*

* @param text

*/

public void setText(int text) {

this.mTextView.setText(text);

}

/**

* 设置字体颜色(默认为黑色)

*

* @param color

*/

private void setTextColor(int color) {

if (color == 0) {

this.mTextView.setTextColor(Color.BLACK);

} else {

this.mTextView.setTextColor(getResources().getColor(color));

}

}

}

简单解释下..实际上就是在LinearLayout布局中添加ImageView和TextView

这个View也比较简单,代码中也有部分简易的说明.

下面可能还需要一个属性文件

imageText.xml

配置文件存放位置

下面展示使用方法

实际使用

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对我们的支持。

本文标题: Android中自定义ImageView添加文字说明详解

本文地址: http://www.cppcns.com/ruanjian/android/200852.html