android之实现带图片和文本的Button_android 上面是图标下面是文字按钮-优快云博客

本文链接：https://blog.youkuaiyun.com/taoshengyijiuzt/article/details/50187231

本文介绍了在Android中实现带有图片和文本的Button的三种方法：使用系统自带Button的drawable属性，继承Button进行重绘，以及继承布局文件。详细讲述了如何通过XML布局和自定义类实现图文Button，并提供了相关代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我在仿sina微博的时候，发现有个朋友圈那个按钮是既有文本又有图标的，上网找了一下，总结如下：

一.用系统自带的Button实现

　　最简单的一种办法就是利用系统自带的Button来实现，这种方式代码量最小。在Button的属性中有一个是drawableLeft，这个属性可以把图片设置在文字的左边，但是这种方

式必须让icon的背景色是透明的，如果icon的背景色不是透明的话，会导致点击按钮时icon部分的背景色不会发生变化。

主要代码：

<Button 
    android:id="@+id/bt3"
    android:layout_marginTop="4dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="火车"
    android:textSize="16sp"
    android:textColor="#000000"
    android:paddingLeft="5dp"
    android:paddingTop="5dp"
    android:paddingRight="5dp"
    android:paddingBottom="5dp"
    android:drawableLeft="@drawable/line_bus_icon"
    android:background="@drawable/button_bg">
  </Button>

如果要让文字在图标下方，改成drawableTop即可

二.继承系统的Button然后进行重绘

package com.test;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.widget.Button;


public class ImageTextButton2 extends Button {
    
    
    private int resourceId = 0;
    private Bitmap bitmap;
    
    public ImageTextButton2(Context context