欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-12-14 16:28:10
前言 大家应该都有所体会,在android开发中,需要展示图片的地方有很多..正常情况下展示一张图片的时候还需要在下面添加一个文字说明..我们也可以用布局imagevie...

前言

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

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

上效果图

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

下面我们开始撸代码.

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>

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

配置文件存放位置

下面展示使用方法

Android中自定义ImageView添加文字说明详解
实际使用

总结

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

上一篇:

下一篇: