5

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

有没有办法做到这一点？

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>
4

5 回答 5

15

带有自定义选择器的 Android 切换按钮听起来像您想要的。

您可以对按钮的选择器使用类似的东西：

<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>
于 2013-02-24T14:32:59.123 回答
8 
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
    }

};
于 2013-02-24T14:32:27.110 回答
7

让我们在布局中向按钮的 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));


}
于 2015-12-03T10:24:01.210 回答
1

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

于 2013-02-24T14:33:58.470 回答
0

您可以使用 MaterialButton 而不是 Button，然后为您的按钮使用 setIcon 方法：

import com.google.android.material.button.MaterialButton;

MaterialButton mPlayButton;

boolean isPlay = false;
@Override
public void onCreate(){
    mPlayButton = (MaterialButton) findViewById(R.id.play);
}

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

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

        if(isPlay){ 
            v.setIcon(ContextCompat.getDrawable(this, R.drawable.your_drawable_resource));
        }else{
            v.setIcon(ContextCompat.getDrawable(this, R.drawable.your_drawable_resource2));
        }

        isPlay = !isPlay; // reverse
    }

};
于 2021-10-09T15:52:45.217 回答