Android中自定义ImageView添加文字说明详解

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

前言

大家应该都有所体会，在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,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

<?xml version="1.0" enCoding="utf-8"?><resources> <declare-styleable name="imageText">  <attr name="image" format="integer" />  <attr name="text" format="integer" />  <attr name="textcolor" format="integer" /> </declare-styleable> </resources>

配置文件存放位置

下面展示使用方法

实际使用

总结

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

总结

以上是内存溢出为你收集整理的Android中自定义ImageView添加文字说明详解全部内容，希望文章能够帮你解决Android中自定义ImageView添加文字说明详解所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。