如何在Android按钮上以编程方式设置drawableLeft?


442

我正在动态创建按钮。我首先使用XML设置了样式,然后尝试使用下面的XML并将其编程。

<Button
    android:id="@+id/buttonIdDoesntMatter"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:text="buttonName"
    android:drawableLeft="@drawable/imageWillChange"
    android:onClick="listener"
    android:layout_width="fill_parent">
</Button>

到目前为止,这就是我所拥有的。除了可绘制对象,我可以做所有事情。

linear = (LinearLayout) findViewById(R.id.LinearView);
Button button = new Button(this);
button.setText("Button");
button.setOnClickListener(listener);
button.setLayoutParams(
    new LayoutParams(
        android.view.ViewGroup.LayoutParams.FILL_PARENT,         
        android.view.ViewGroup.LayoutParams.WRAP_CONTENT
    )
);      

linear.addView(button);

Answers:


1053

您可以使用该setCompoundDrawables方法来执行此操作。请参阅此处的示例。我使用了此功能,但未使用,setBounds并且效果良好。您可以尝试任何一种方式。

更新:如果链接断开,请在此处复制代码

Drawable img = getContext().getResources().getDrawable(R.drawable.smiley);
img.setBounds(0, 0, 60, 60);
txtVw.setCompoundDrawables(img, null, null, null);

要么

Drawable img = getContext().getResources().getDrawable(R.drawable.smiley);
txtVw.setCompoundDrawablesWithIntrinsicBounds(img, null, null, null);

要么

txtVw.setCompoundDrawablesWithIntrinsicBounds(R.drawable.smiley, 0, 0, 0);

@ Varun,@ Tigger:我对此有一个疑问:我的文件管理器将列表视图中的文件夹显示为textviews,并将文件夹图标显示为drawableLeft。当您在没有读取权限的文件夹中单击时,我尝试了您的建议来设置“禁止的图标”,并且它可以工作。但是,当您更改文件夹并重新加载适配器时,禁止图标仍然存在(即,drawableLeft不会重绘)。你知道如何应用notifyDataSetChanged也为drawableLeft,而不做一个循环?谢谢!
路易斯·弗洛里特

@ LuisA.Florit听起来好像您有一个与Listview数据更改时重绘项目有关的问题-确实与该问题或答案无关。我建议您发布问题而不是发表评论。
Tigger

@Tigger:好吧,我也使用您的把戏还原了图标,并在禁止的目录上循环播放。也许这比重绘所有ListView项目更好……还是谢谢!
路易斯·弗洛里特

3
我在应用程序中看到了一些奇怪的东西。在setCompoundDrawablesWithIntrinsicBounds( 0, 0, R.drawable.money, 0 )不工作,如果我定义的layout.xml的drawableRight。如果我将原始图标设置在onCreate(),则更改有效。可能与API 19相关吗?
注射器

示例链接未打开。有没有其他链接?
Yogesh Umesh Vaity

100

只需您也可以尝试

txtVw.setCompoundDrawablesWithIntrinsicBounds(R.drawable.smiley, 0, 0, 0);

4
R.drawable.smiley应该放在前0(第一个参数)的位置,而不是最后一个,因为此方法的定义是:{public void setCompoundDrawablesWithIntrinsicBounds(int left,int top,int right,int bottom)}
arniotaki

我如何也可以在此周围添加填充?这样,drawable和文本之间没有太多填充。
AdamMc331 '17

16

Kotlin Version

使用以下代码片段向按钮添加一个可绘制对象:

val drawable = ContextCompat.getDrawable(context, R.drawable.ic_favorite_white_16dp)
button.setCompoundDrawablesWithIntrinsicBounds(drawable, null, null, null)

Important Point in Using Android Vector Drawable

当您使用可绘制android vector并希望向21以下的API具有向后兼容性时,请将以下代码添加到:

在应用程序级别build.gradle

android {
    defaultConfig {
        vectorDrawables.useSupportLibrary = true
    }
}

在应用程序类中:

class MyApplication : Application() {

    override fun onCreate() {
        super.onCreate()

        AppCompatDelegate.setCompatVectorFromResourcesEnabled(true)
    }

}

一个更简单的方法也对我有用:button.setCompoundDrawablesWithIntrinsicBounds(getDrawable(R.drawable.ic_favorite_white_16dp),null,null,null)
juangalf

2
您是对的,但Context#.getDrawable(resId)已弃用,因此使用它可能会导致一些问题。
Aminography '19

我没有添加Application类,因此无需添加即可。
Mark Delphi

15

对我来说,它奏效了:

button.setCompoundDrawablesWithIntrinsicBounds(com.example.project1.R.drawable.ic_launcher, 0, 0, 0);

13
myEdtiText.setCompoundDrawablesWithIntrinsicBounds(R.drawable.smiley, 0, 0, 0);

4

我这样做:

 // Left, top, right, bottom drawables.
            Drawable[] drawables = button.getCompoundDrawables();
            // get left drawable.
            Drawable leftCompoundDrawable = drawables[0];
            // get new drawable.
            Drawable img = getContext().getResources().getDrawable(R.drawable.ic_launcher);
            // set image size (don't change the size values)
            img.setBounds(leftCompoundDrawable.getBounds());
            // set new drawable
            button.setCompoundDrawables(img, null, null, null);

4

如果使用的是drawableStartdrawableEnddrawableTopdrawableBottom ; 您必须使用“ setCompoundDrawablesRelativeWithIntrinsicBounds

edittext.setCompoundDrawablesRelativeWithIntrinsicBounds(0, 0, R.drawable.anim_search_to_close, 0)

3

为我工作。在右侧设置可绘制

tvBioLive.setCompoundDrawablesWithIntrinsicBounds(0, 0, R.drawable.ic_close_red_400_24dp, 0)

2

正如@JérémyReynaud所指出的那样(如此答案所述),在不更改其他可绘制对象(顶部,右侧和底部)的值的情况下设置左侧可绘制对象的最安全方法是使用setCompoundDrawablesWithIntrinsicBounds按钮中的先前值:

Drawable leftDrawable = getContext().getResources()
                          .getDrawable(R.drawable.yourdrawable);

// Or use ContextCompat
// Drawable leftDrawable = ContextCompat.getDrawable(getContext(),
//                                        R.drawable.yourdrawable);

Drawable[] drawables = button.getCompoundDrawables();
button.setCompoundDrawablesWithIntrinsicBounds(leftDrawable,drawables[1],
                                               drawables[2], drawables[3]);

因此,您以前的所有可绘制对象都将被保留。


2

以下是更改编辑文本中左侧图标的颜色并将其设置在左侧的方法。

 Drawable img = getResources().getDrawable( R.drawable.user );
img.setBounds( 0, 0, 60, 60 );
mNameEditText.setCompoundDrawables(img,null, null, null);

int color = ContextCompat.getColor(this, R.color.blackColor);

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    DrawableCompat.setTint(img, color);

} else {
    img.mutate().setColorFilter(color, PorterDuff.Mode.SRC_IN);
}

1

可能会有帮助:

TextView location;
location=(TextView)view.findViewById(R.id.complain_location);
//in parameter (left,top,right,bottom) any where you wnat to put
location.setCompoundDrawablesWithIntrinsicBounds(0, 0, R.drawable.arrow,0);

1

添加Kotlin扩展

如果您将经常这样做,则添加扩展名可使您的代码更具可读性。按钮扩展TextView; 如果您想缩小范围,请使用Button。

fun TextView.leftDrawable(@DrawableRes id: Int = 0) {
    this.setCompoundDrawablesWithIntrinsicBounds(id, 0, 0, 0)
}

要使用扩展名,只需调用

view.leftDrawable(R.drawable.my_drawable)

每当您需要清除时,请勿传递参数或进行另一个称为 removeDrawables


0

尝试这个:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
     fillButton[i].setBackground(getBaseContext().getResources().getDrawable(R.drawable.drawable_name));
}
else {
    fillButton[i].setBackgroundColor(Color.argb(255,193,234,203));
}

-8

尝试这个:

((Button)btn).getCompoundDrawables()[0].setAlpha(btn.isEnabled() ? 255 : 100);

myEdtiText.setCompoundDrawablesWithIntrinsicBounds(R.drawable.smiley,0,0,0); 作品
Debasish Ghosh,
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.