android - TansitionDrawable の最初の要素が消えない

Question

再生/一時停止アイコンを切り替えるために TransitionDrawable を使用しようとしています。最初に再生ボタンをクリックすると、再生アイコンが残り、再生アイコンの上に一時停止ボタンが表示されます。もう一度クリックすると、一時停止アイコンが消え、再生ボタンが表示されます。

コード: onClick はこのメソッドを実行します

private void startOrPause() {
    TransitionDrawable drawable = (TransitionDrawable) mPlayBtn.getDrawable();
    if (!isPlaying) {
        drawable.startTransition(300);
    } else {
        drawable.reverseTransition(300);
    }

    isPlaying = !isPlaying;

}

XML: トランジション

<transition xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ic_play"/>
    <item android:drawable="@drawable/ic_pause"/>
</transition>

画像ボタン:

<ImageButton android:id="@+id/audio_layout_play_imageButton"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_centerVertical="true"
             android:src="@drawable/play_pause_transition"
             android:background="@android:color/transparent"
             android:layout_marginLeft="4dp"
        />

私はアンドロイドのサンプルコードとインターネット上のいくつかのガイドを見てきましたが、誰もが同じことをしています。

ご協力いただきありがとうございます、

ロイ