ImageButton更改：新图像绘制在原始图像的顶部

Question

我按下按钮时尝试更改ImageButton的图像。这是我的代码：

在我的activity_main.xml我有：

    <ImageButton
    android:id="@+id/my_btn"
    app:srcCompat="@drawable/btn_icon1" />

在我的MainActivity.java我有：

    int myBtnState = 0; 

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ...
    myButton = (ImageButton) findViewById(R.id.my_btn);
    myButton.setOnClickListener(this);
    ...
    @Override
    public void onClick(View v) {
    switch (v.getId()) {
        case R.id.my_btn:
            changeIcon();
            break;
    ...
    private void changeIcon() {
         if(myBtnState == 0) { 
           myButton.setBackgroundResource(R.drawable.btn_icon1);
           myBtnState = 1;
         } else {
           myButton.setBackgroundResource(R.drawable.btn_icon2);
           myBtnState = 0;
         }
     }

当我按下按钮运行此代码时，看起来第一次btn_icon1被绘制在自身的顶部2次，因为它具有半透明背景，我看到它变得更暗。下次我按下按钮btn_icon2被绘制在btn_icon1之上。我希望使用此代码来更改图标，而不是相互重叠。我在这里做错了什么吗？

Answer 1

我找到了答案：

我在做的时候设置了图像的背景：

myButton.setBackgroundResource(R.drawable.btn_icon1);

相反，我应该这样做：

myButton.setImageResource(R.drawable.btn_icon1);