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

<?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>

配置文件存放位置

下面展示使用方法

实际使用

总结

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