Android自定义菜单栏图标拉伸

Question

我有一个自定义Android菜单栏图标布局，但它正在拉伸背景图像。以下是该问题的屏幕截图：。

您可以看到左侧的图标正在水平拉伸，因为它应该看起来像操作栏中间的图标。我该如何解决这个问题？

这是我的自定义菜单栏布局代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageButton
        android:id="@+id/myButton"
        android:layout_width="48dp"
        android:layout_height="fill_parent"
        android:layout_marginBottom="8dp"
        android:layout_marginLeft="12dp"
        android:layout_marginTop="8dp"
        android:background="@drawable/ic_menu_feeds"
        android:paddingRight="12dp" />

    <TextView
        android:id="@+id/textOne"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignRight="@id/myButton"
        android:layout_marginTop="2dp"
        android:background="@drawable/badge_circle"
        android:textColor="#FFF"
        android:textSize="12sp"
        android:textStyle="bold" />

</RelativeLayout>

以下是badge_circle.xml

的代码

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <corners android:radius="10dip" />

    <solid android:color="#F00" />

    <stroke
        android:width="2dip"
        android:color="#FFF" />

    <padding
        android:bottom="5dip"
        android:left="5dip"
        android:right="5dip"
        android:top="5dip" />

</shape>

Answer 1

将图像设置为wrap_content，此时您将其强制为某个宽度