单击时更改android按钮图标

Question

我想知道在点击按钮图像时是否有更改按钮图像的方法。 最初，按钮有一个暂停图标。 单击它时，我希望显示播放图标。 每次单击该按钮时，图标应在播放和暂停之间变化。

有没有办法做到这一点？

XML布局文件：

<ImageButton
    android:id="@+id/play"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="109dp"
    android:src="@drawable/play_btn"
    android:background="@null" />

play_btn.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/pause" android:state_selected="true" />
    <item android:drawable="@drawable/play" />
</selector>

Answer 1

带有自定义选择器的Android's Toggle Button听起来就像你想要的那样。

你可以使用这样的东西作为按钮的选择器：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/play_icon" android:state_checked="true" />
    <item android:drawable="@drawable/pause_icon" android:state_checked="false" />
</selector>

Answer 2

让我们在你的布局中为你的按钮的xml添加一个onClick字段（需要API级别4及以后）

<ImageButton
    android:id="@+id/play"
    ...
    android:onClick="buttonPressed" />

您的图标是可绘制的pause和play 。

跟踪按钮的图标。

private boolean paused = true;

public void buttonPressed(View view) {

    ImageButton button = (ImageButton) view;
    int icon;

    if (paused) {
        paused = false;
        icon = R.drawable.pause;
    else {
        paused = true;
        icon = R.drawable.play;
    }

    button.setImageDrawable(
        ContextCompat.getDrawable(getApplicationContext(), icon));


}

Answer 3

Button mPlayButton;

boolean isPlay = false;
@Override
public void onCreate(){
    mPlayButton = (Button) findViewById(R.id.play);
    // Default button, if need set it in xml via background="@drawable/default"
    mPlayButton.setBackgroundResource(R.drawable.default);
    mPlayButton.setOnClickListener(mTogglePlayButton);
}

View.OnClickListener mTogglePlayButton = new View.OnClickListener(){

    @Override
    public void onClick(View v){
        // change your button background

        if(isPlay){ 
            v.setBackgroundResource(R.drawable.default);
        }else{
            v.setBackgroundResource(R.drawable.playing);
        }

        isPlay = !isPlay; // reverse
    }

};

Answer 4

查看此文档http://developer.android.com/reference/android/widget/ImageButton.html特别是android.widget.imageview中继承的方法。 您将要使用setImageBitmap或setImageDrawable。 将其更新为点击代码的一部分。