Android 布局被 9-patch 背景破坏

Question

我在更新背景以使用 9-patch 图像时遇到了这个问题。使用相同图像的不同尺寸的不同屏幕上的布局很好，但是当我将图像更改为 9-patch 时，它神秘地破坏了整个布局。

之前的布局是这样的：

Original layout http://onik.org/android/layoutOk.png.

当改为 9-patch 时：

9-Patch image http://onik.org/android/layoutError.png.

XML 文件保持不变，只是更改了 PNG 文件。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg">

    <TextView 
        android:text="@string/title"
        android:id="@+id/login_title"
        android:layout_width="fill_parent"
        android:layout_height="40px"
        android:textSize="30px">
    </TextView>

    <View
        android:id="@+id/login_underline"
        android:layout_width="wrap_content"
        android:layout_height="2px"
        android:background="#aaaaaa">
    </View>

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:stretchColumns="1"
        android:gravity="center"
        android:paddingLeft="10px"
        android:paddingRight="10px">

        <TableRow>
            <TextView
                android:id="@+id/login_usernameLabel"
                android:text="@string/login_usernameLabel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingRight="5px">
            </TextView>

            <EditText
                android:text=""
                android:id="@+id/login_username"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:inputType="textEmailAddress"
                android:lines="1"
                android:nextFocusDown="@+id/login_password">
            </EditText>

        </TableRow>

        <TableRow>

            <TextView
                android:id="@+id/login_passwordLabel"
                android:text="@string/login_passwordLabel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
            </TextView>

            <EditText
                android:text=""
                android:id="@+id/login_password"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:nextFocusDown="@+id/login_login"
                android:inputType="textPassword">
            </EditText>

        </TableRow>

        <TableRow android:gravity="right">

            <Button
                android:text="@string/login_login"
                android:id="@+id/login_login"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
            </Button>   


     </TableRow>

        <TableRow>

            <CheckBox
                android:id="@+id/login_remember"
                android:text="@string/login_remember"
                android:layout_span="2">
            </CheckBox>

        </TableRow>

 </TableLayout>


</LinearLayout>

有什么想法吗？或者其他获得非缩放、居中背景的解决方案？

Answer 1

这意味着只是添加属性

android:padding="0dip"

到你的布局标签

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bg"
    android:padding="0dip">

更新：

Android Docs有确切的解释：

"您还可以通过在右侧和底部绘制一条线来定义图像的可选可绘制部分（实际上是填充线）。如果 View 对象将 NinePatch 设置为其背景，然后指定 View 的文本，它会自行拉伸，以使所有文本仅适合由右边和底线指定的区域（如果包括）。如果不包括填充线，Android 使用左边和顶线来定义这个可绘制区域。 ”

要忽略这个默认行为，我们需要在 XML 布局中显式设置填充属性

Answer 2

解决了问题，我在 9-patch 上的填充区域不合适。当我将填充区域绘制为可拉伸区域的倒数时，图像开始起作用。我只是认为如果没有填充区域，这将是自动的:)

Answer 3

使用 9-patch 设置内容行（右下角）！