android改变button按钮图标

原创

mob64ca12d0a366 2023-12-30 05:03:52 ©著作权

文章标签 android Android 位图 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12d0a366的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android改变Button按钮图标

在Android开发中，按钮（Button）是一种常见的用户交互元素，用于触发特定的操作或进入特定的界面。Android系统提供了各种样式和属性来自定义按钮的外观，其中包括按钮的图标。本文将介绍如何改变Button按钮的图标，并提供相应的代码示例。

使用系统提供的图标

Android系统提供了一系列内置的图标，可以直接使用这些图标来装饰按钮。这些图标位于@android:drawable/路径下，可以通过在XML布局文件中设置android:drawableLeft、android:drawableRight、android:drawableTop和android:drawableBottom属性来改变按钮上的图标位置。

以下是一个示例代码，将一个带有左侧图标的按钮添加到布局中：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮"
    android:drawableLeft="@android:drawable/ic_dialog_alert" />

在上述代码中，android:drawableLeft属性指定了按钮的左侧图标为系统提供的警告图标（ic_dialog_alert）。类似地，可以使用android:drawableRight、android:drawableTop和android:drawableBottom属性来改变图标的位置。

使用自定义的图标

除了使用系统提供的图标，还可以使用自定义的图标来装饰按钮。自定义图标可以是矢量图形（Vector Drawable）或位图图像（Bitmap Drawable）。

使用矢量图形

矢量图形是一种基于数学描述的图形，可以无损放大或缩小，并且在不同设备上具有一致的显示效果。Android支持使用XML文件定义矢量图形，并将其作为按钮的图标。

以下是一个示例代码，将一个带有自定义矢量图形的按钮添加到布局中：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮"
    android:drawableLeft="@drawable/ic_custom_vector" />

在上述代码中，android:drawableLeft属性指定了按钮的左侧图标为名为ic_custom_vector的矢量图形。

使用位图图像

位图图像是由像素组成的图像，可以是PNG、JPEG等格式。Android支持将位图图像作为按钮的图标。

以下是一个示例代码，将一个带有自定义位图图像的按钮添加到布局中：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮"
    android:drawableLeft="@drawable/ic_custom_bitmap" />

在上述代码中，android:drawableLeft属性指定了按钮的左侧图标为名为ic_custom_bitmap的位图图像。

动态改变按钮图标

除了在布局文件中静态地设置按钮的图标，还可以通过代码动态地改变按钮的图标。通过调用按钮的setCompoundDrawables()方法，可以设置按钮的左侧、右侧、上方和下方的图标。

以下是一个示例代码，通过按钮的点击事件动态改变按钮图标：

Button button = findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Drawable icon = getResources().getDrawable(R.drawable.ic_new_icon);
        button.setCompoundDrawablesWithIntrinsicBounds(icon, null, null, null);
    }
});

在上述代码中，当按钮被点击时，会将名为ic_new_icon的图标设置为按钮的左侧图标。