Фоновое изображение для кнопки растягивается

Question

В моем макете у меня есть кнопка с фоновым изображением. Когда я устанавливаю ширину и высоту как wrap_content, фон растягивается. Но когда я использую то же значение для dp, чтобы установить ширину и высоту, я получаю ожидаемый результат. Почему это происходит?

Изображение изначально круг.

  <Button 
      android:id="@+id/captureButton" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_centerVertical="true" 
      android:background="@drawable/custom_capture" /> 

Когда установлено, чтобы обернуть контент для высоты и ширины

При установке на 80dp по высоте и ширине

Answer 1

Поскольку background предназначена для заполнения контейнера ,
Но, поскольку Button наследуется от TextView, вы можете использовать составной номер.

Что-то вроде этого:

<Button 
    android:id="@+id/captureButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:layout_centerVertical="true" 
    android:drawableLeft="@drawable/custom_capture" 
/> 

Альтернатива: Использование TextView

<TextView 
    android:id="@+id/captureButton" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerHorizontal="true" 
    android:layout_centerVertical="true" 
    android:drawableLeft="@drawable/custom_capture" 
    android:clickable="true" 
/> 

Answer 2

Эта статья поможет вам

http://developer.android.com/tools/help/draw9patch.html

Это около 9-патч изображения и как вам может использовать его.

Answer 3

С вашей компоновкой xml Button, как указано выше, у вас будет кнопка с пустым текстом (""), вы должны заметить, что отступ по умолчанию слева и справа от кнопки не такой, как сверху и снизу. Следовательно, кнопка с пустым текстом будет иметь форму прямоугольника, а не квадрат, поэтому фон будет растянут.

В случае, если вы исправите ширину и высоту, убедитесь, что кнопка всегда имеет нужный размер (квадрат), поэтому фон будет отображаться отлично.

Answer 4

вы можете использовать 9patch или установить фиксированную ширину и высоту для кнопки