Android 9-патч кнопка изображения не масштабируется, как задумано

Question

Я пытаюсь использовать технику с 9 патчами для создания кнопки.

В окне раскладки Eclipse выглядит почти великолепно

Когда я запускаю его в эмуляторе, он появляетсякак это:

Вот фактическое изображение PNG

XML селектора

<item android:drawable="@drawable/splash_facebook_button" />

Код кнопки в макете

   <Button
        android:id="@+id/button1"
        android:layout_width="208dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="20dip"
        android:background="@drawable/splash_facebook_button_selector"
        android:text="Sign up with Facebook" />

Answer 1

Похоже, это не трактует изображение как 9-патч. Вы сохранили его с расширением .9.png?

Edit: Лучше взглянул на реальное изображение, и я не думаю, что оно правильно настроено. Нижняя и правая границы определяют, куда будет направляться контент (в этом случае вы хотите, чтобы он был справа, с небольшим отступом). Сверху и слева определяются области, которые будут растягиваться при масштабировании изображения. В этом случае вы хотите, чтобы растягивались области постоянного синего цвета, а не логотип. Я обновил изображение с примером, как это сделать:

Это работает для меня!