Значок пользовательского меню в приложении 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, прямо сейчас вы заставляете его быть уверены, ширина