android带有文字的图片按钮的两种实现方式

1).TextView对Button用相对布局，这要要求按钮的背景图片要留下空白位置给文字。这种方式开发比较简单，适合做一些风格一致的Button。

<RelativeLayoutandroid:id="@+id/relative"

android:layout_width="wrap_content"android:layout_height="wrap_content"

android:gravity="center">

<Buttonandroid:id="@+id/button"

android:layout_width="fill_parent"android:layout_height="fill_parent"

android:background="@drawable/button_bg"/>

<TextViewandroid:layout_height="wrap_content"

android:layout_width="fill_parent"

android:text="图片上的文字"

android:layout_alignParentBottom="true"android:gravity="center"/>

</RelativeLayout>

2).自定义控件继承Button,重写onDraw(Canvascanvas)把图片绘制上去，字体位置可以改变，不依赖已有的图片。这种方式比较灵活，可以实现复杂的需求。

publicclassCustomButtonextendsButton

{

PublicCustomButton(Contextcontext,AttributeSetattrs)

{

super.(context,attrs);

bitmap=BitmapFactory.decodeResource(getResources(),resourceId);

}

ProtectedvoidonDraw(Canvascanvas)

{

//图片顶部居中显示

intx=(this.getMeasuredWidth()-bitmap.getWidth())>>1;

inty=0;

canvas.drawBitmap(bitmap,x,y,null);

//让文字在底部显示

canvas.translate(0,(this.getMeasuredHeight()>>1)-(int)this.getTextSize());

super.onDraw(canvas);

}

更多相关文章