自定义Android带图片的按钮.docVIP

自定义Android带图片的按钮 先看看bill曲折的过程吧，也许里面就有你的影子： 最开始以为直接利用Android控件ImageButton即可完事，谁知事不如人料，ImageButton只能显示图片，并不能对其添加文字，此想法不攻自破。 于是我想到了直接用Button，但是Button的文字却是显示在图片内部，并不能达到我的需求。放弃。 懒人总有懒人的办法，我可以直接在图片下方PS需要的文字嘛，然后把P好的图片放进ImageButton就好了。此法十分简单好用。但是，一旦我们需要改变文字，或者我要把文字显示在图片顶部而不是底部怎么办？此法虽简单，却缺乏可变性。放弃。 这就是所谓的“一钮三折”了~ 那么，有没有一种方法既能够拥有Button的效果，又能够实现Button显示的自定义呢？ 答案是肯定的，接下来，bill将一步一步详细解释这个按钮的制作过程。 思路 首先，我们来看一下这个按钮的实现思路。有一种思维方式叫做“out of box”，也就是鼓励大家跳出固定思维模式以寻求新的突破。但是在“跳出箱子”之前，我们必须首先知道困住我们思维的“箱子”是什么。 在这里，这个箱子就是“按钮”。我们一直在想，如何去实现这个“按钮”，怎么才能让“按钮”显示出图片，然后在图片下面还显示一行字。我们就在“按钮”这个箱子里纠结。 但实际上，当我们发现所谓的“按钮”其实就是一个View的时候，一切就变得简单了。 它只不过是一个可点击、可设置监听、可显示文字或者图片的View而已。那么我们就跳出Android给我们设置的这个箱子，自己重新造一个具有我们需要的功能和外观的View不就OK了？ 经过分析，上述按钮效果实际上就是一个布局，一个最简单不过的垂直线性布局，上部分是一个ImageView，下部分是一个TextView，这个布局可点击、可设置监听。 我们首先要编写自己的ImageButton类，然后在主布局文件中为我们自定义的Button编写布局，最后在Activity中调用我们自定义ImageButton即可。 那么接下来我们就一起来实现这个简单的LinearLayout。 编码实现自己的ImageButton 在编写我们自己的ImageButton之前，如果读者并不清楚如何在一个静态的xml布局文件中动态地加载子布局，请先阅读下面的博文（此文言简意赅，已经写得很清楚了，bill就不再赘述） /lzx_bupt/article/details/5600187 首先，我们编写一个MyImageButton类，继承自LinearLayout ? package?com.billhoo.study;? ? import?android.content.Context;? import?android.widget.ImageView;? import?android.widget.LinearLayout;? import?android.widget.TextView;? ? //自定义ImageButton，模拟ImageButton，并在其下方显示文字? //提供Button的部分接口? public?class?MyImageButton?extends?LinearLayout?{? ? ??public?MyImageButton(Context?context,?int?imageResId,?int?textResId)?{? ????super(context);? ? ????mButtonImage?=?new?ImageView(context);? ????mButtonText?=?new?TextView(context);? ? ????setImageResource(imageResId);? ????mButtonImage.setPadding(0,?0,?0,?0);? ? ????setText(textResId);? ????setTextColor(0xFF000000);? ????mButtonText.setPadding(0,?0,?0,?0);? ? ????//设置本布局的属性? ????setClickable(true);??//可点击? ????setFocusable(true);??//可聚焦? ????setBackgroundResource(android.R.drawable.btn_default);??//布局才用普通按钮的背景? ????setOrientation(LinearLayout.VERTICAL);??//垂直布局? ????? ????//首先添加Image，然后才添加Text? ????//添加顺序将会影响布局效果? ????addVie