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

时间:2011-10-28 11:37:04

标签: android button selector nine-patch

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

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

Eclipse layout

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

Emulator view

以下是实际的PNG图片

Actual 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" />

1 个答案:

答案 0 :(得分:10)

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

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

Updated 9-patch

这对我有用!