Android中自定义ImageView添加文字设置按下效果详解
程序员文章站
2023-12-14 16:22:22
前言
我们在教大家使用imageview+textview的组合自定义控件...可能在开发中你还需要其他功能,例如:按下效果,可以在代码中改变字体颜色,更换图片等等......
前言
我们在教大家使用imageview+textview的组合自定义控件...可能在开发中你还需要其他功能,例如:按下效果,可以在代码中改变字体颜色,更换图片等等...
首先上效果图,看看是否是你需要的
效果图
下面开始撸代码
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>
属性文件存放位置如下图
文件位置
下面我们来看看具体的调用方法
布局调用
当然我们也可以在activity中进行再次设置, 例如:
在java中设置
这些都是在自定义view中的set方法...也可以根据具体的业务增删set方法.
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。