android实现自定义图片+文字按钮_andorid 自定义文字图片按钮-优快云博客

本文链接：https://blog.youkuaiyun.com/liminlimin_limin/article/details/8244701

本文详细介绍了如何在Android应用中创建一个包含图片和文本的按钮，通过定义button.xml布局文件、ImageBt类，并在activity_main.xml中使用此自定义按钮。同时，展示了如何在MainActivity.java中初始化并配置这些按钮，以及为它们添加点击事件处理。

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

1、定义一个button.xml的layout文件，实现button内容（图+文字）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/iv"
    android:src="@drawable/p11"
    android:scaleType="fitXY"
    android:paddingTop="0dip"
    android:paddingBottom="5dip"
    android:paddingLeft="0dip"
    android:layout_gravity="center_vertical"
    />
   <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="确定"
    android:textColor="#000000"
    android:id="@+id/tv"
    android:layout_marginLeft="8dip"
    android:layout_gravity="center_vertical"
    />

</LinearLayout>

2、定义一个ImageBt类，继承LinearLayout

public class ImageBt extends LinearLayout{

    private ImageView iv;
    private TextView tv;
    public ImageBt(Context context)
    {
        this(context, null);
    }
    public ImageBt(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        // 导入布局
        LayoutInflater.from(context).inflate(R.layout.button, this, true);
        iv = (ImageView) findViewById(R.id.iv);
        tv = (TextView) findViewById(R.id.tv);

    }
    // 设置图片资源
    public void setImageResource(int resId)
    {
        iv.setImageResource(resId);
    }
    //设置显示的文字
    public void setTextViewText(String text)
    {
        tv.setText(text);
    }

}

3、修改activity_main.xml，定义需要的按钮

4、编写MainActivity.java文件，使用声明的按钮

public class MainActivity extends Activity {

       private ImageBt ib1;
        private ImageBt ib2;
        TextView tv1;
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            tv1=(TextView)findViewById(R.id.tv1);
            ib1 = (ImageBt) findViewById(R.id.confirm);
            ib2 = (ImageBt) findViewById(R.id.cancel);


            ib1.setTextViewText("确定");
            ib1.setImageResource(R.drawable.p11);
            ib2.setTextViewText("取消");
            ib2.setImageResource(R.drawable.p11);

            ib1.setOnClickListener(new OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                        //在这里可以实现点击事件
                   tv1.setText("button OK");
                }
            });
            ib2.setOnClickListener(new OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                        //在这里可以实现点击事件
                   tv1.setText("button CENCEL");
                }
            });

        }