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

Android中自定义ImageView添加文字设置按下效果详解

程序员文章站 2023-12-14 16:22:22
前言 我们在教大家使用imageview+textview的组合自定义控件...可能在开发中你还需要其他功能,例如:按下效果,可以在代码中改变字体颜色,更换图片等等......

前言

我们在教大家使用imageview+textview的组合自定义控件...可能在开发中你还需要其他功能,例如:按下效果,可以在代码中改变字体颜色,更换图片等等...

首先上效果图,看看是否是你需要的

Android中自定义ImageView添加文字设置按下效果详解
效果图

下面开始撸代码

myimagetextview.java

public class myimagetextview extends linearlayout {

 private imageview mimageview = null;
 private textview mtextview = null;
 private int imageid, pressimageid;
 private int textid, textcolorid, texttopid, presstextcolorid;

 public myimagetextview(context context) {
  this(context, null);
 }

 public myimagetextview(context context, @nullable attributeset attrs) {
  this(context, attrs, 0);
 }

 public myimagetextview(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 "pressimage":
     pressimageid = attrs.getattributeresourcevalue(i, 0);
     break;
    //显示的文字
    case "text":
     textid = attrs.getattributeresourcevalue(i, 0);
     break;
    //设置文字颜色
    case "textcolor":
     textcolorid = attrs.getattributeresourcevalue(i, 0);
     break;
    //设置文字距离上面图片的距离
    case "texttop":
     texttopid = attrs.getattributeresourcevalue(i, 0);
     break;
    //按下时显示的文字颜色
    case "presstextcolor":
     presstextcolorid = attrs.getattributeresourcevalue(i, 0);
     break;

   }
  }
  init();

 }

 /**
  * 初始化状态
  */
 private void init() {
  this.settext(textid);
  mtextview.setgravity(gravity.center);//字体居中
  this.settextcolor(textcolorid);
  this.settextpaddingtop(texttopid);
  this.setimgresource(imageid);
  addview(mimageview);//将图片加入
  addview(mtextview);//将文字加入
 }


 @override
 public boolean ontouchevent(motionevent event) {
  int action = event.getaction();
  switch (action) {
   //按下
   case motionevent.action_down:
    if (pressimageid != 0)
     this.setimgresource(pressimageid);
    if (presstextcolorid != 0)
     this.settextcolor(presstextcolorid);
    break;
   //移动
   case motionevent.action_move:
    break;
   //抬起
   case motionevent.action_up:
    if (imageid != 0)
     this.setimgresource(imageid);
    if (textcolorid != 0)
     this.settextcolor(textcolorid);
    break;
  }
  return super.ontouchevent(event);
 }

 /**
  * 设置默认的图片
  *
  * @param resourceid 图片id
  */
 public void setimgresourcedefault(int resourceid) {
  imageid = resourceid;
  setimgresource(resourceid);
 }

 /**
  * 设置按下的图片
  *
  * @param resourceid 图片id
  */
 public void setimgresourcepress(int resourceid) {
  pressimageid = resourceid;
 }


 /**
  * 设置显示的图片
  *
  * @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));
  }
 }

 /**
  * 设置默认的颜色
  *
  * @param color 颜色id
  */
 public void settextdefaultcolor(int color) {
  textcolorid = color;
  settextcolor(color);
 }

 /**
  * 设置按下的颜色
  *
  * @param color 颜色id
  */
 public void settextpresscolor(int color) {
  pressimageid = color;
 }

 /**
  * 设置字体大小
  *
  * @param size
  */
 public void settextsize(float size) {
  this.mtextview.settextsize(size);
 }


 /**
  * 设置文字与上面的距离
  * @param top
  */
 public void settextpaddingtop(int top) {
  if (top != 0)
   this.mtextview.setpadding(0, getresources().getdimensionpixeloffset(top), 0, 0);
 }


}

下面是属性文件

image_text.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

 <declare-styleable name="imagetext">
  <attr name="image" format="integer" />
  <attr name="pressimage" format="integer" />
  <attr name="text" format="integer" />
  <attr name="textcolor" format="integer" />
  <attr name="presstextcolor" format="integer" />
  <attr name="texttop" format="integer" />
 </declare-styleable>
</resources>

属性文件存放位置如下图

Android中自定义ImageView添加文字设置按下效果详解
文件位置

下面我们来看看具体的调用方法

Android中自定义ImageView添加文字设置按下效果详解
布局调用

当然我们也可以在activity中进行再次设置, 例如:

Android中自定义ImageView添加文字设置按下效果详解
在java中设置

这些都是在自定义view中的set方法...也可以根据具体的业务增删set方法.

总结

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

上一篇:

下一篇: