ToggleButton背景图像失真

Question

我创建了一个具有背景的toggleButton，但是当我运行该应用程序时，背景失真且模糊。我该如何解决？

ToggleButton

<LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_weight="0.2"
            android:padding="5dp"
            android:layout_gravity="center"
            android:orientation="horizontal">

            <ToggleButton
                android:id="@+id/button_timer_0"
                style="@style/timer_button"
                android:layout_gravity="left"
                android:background="@drawable/timer5_toggle_bg" />

            <ToggleButton
                android:id="@+id/button_timer_6"
                style="@style/timer_button"
                android:layout_gravity="right"
                android:background="@drawable/timercustom_toggle_bg" />

        </LinearLayout>

styles.xml

<style name="timer_button">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:layout_margin">5dp</item>
    <item name="android:textOff">@null</item>
    <item name="android:textOn">@null</item>
    <item name="android:onClick">handleClick</item>
</style>