Android 9补丁图片按钮未按预期缩放

Har*_*M V 3 android button selector nine-patch

我正在尝试使用9补丁技术来创建按钮.

它在Eclipse的布局窗口中看起来非常棒

Eclipse布局

当我在模拟器中运行它时,它显示如下:

模拟器视图

这是实际的PNG图像

实际PNG

选择器XML

<item android:drawable="@drawable/splash_facebook_button" />
Run Code Online (Sandbox Code Playgroud)

布局中的按钮代码

   <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" />
Run Code Online (Sandbox Code Playgroud)

kin*_*aam 10

在我看来,它不是将图像视为9补丁.你用.9.png扩展名保存了吗?

编辑:更好地了解实际图像,我认为你没有正确设置它.底部和右边框定义了内容的去向(在这种情况下,您需要将其向右移动,并使用一些填充).顶部和左侧定义了缩放图像时将拉伸的区域.在这种情况下,您希望它是拉伸的恒定蓝色区域,而不是徽标.我已经使用如何执行此操作的示例更新了图像:

更新了9补丁

这适合我!