android - Android のチェックボックス ボタンの画像がコンテンツを適切にラップしない

Question

こんにちは、私は現在自分のプロジェクトのレイアウトを行っています。クリックすると一時停止ボタンに変わる再生ボタンのチェックボックスが必要なので、この部分のセレクターを使用します

pause_play_selector.xml

<?xml version="1.0" encoding="utf-8"?>

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

ここに私のチェックボックスxmlがあります

<CheckBox
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/play_pauseBtn"
            android:button="@drawable/pause_play_selector" android:checked="false"/>

デザイナー部分で表示すると、チェックボックスのすべての画像が表示されて問題なく表示されますが、デバイスにインストールした後、半分しか表示されません。

スクリーンショットは次のとおりです。

レイアウトエディタ上

私のデバイスでは、縮小された再生ボタンが表示されます。

ここで誰かがこれを体験しましたか？この問題の解決策はありますか?