Подтвердить что ты не робот

Разметка Android сломана с фоном 9 патчей

Я столкнулся с этой проблемой при обновлении фона, чтобы использовать 9-патч-образ. Макет отлично подходит для разных экранов, используя разные размеры одного и того же изображения, но когда я меняю изображение на 9-патч, он таинственным образом разбивает весь макет.

Предыдущий макет выглядит следующим образом:

Оригинальный макет http://onik.org/android/layoutOk.png.

При изменении на 9-patch:

9-образное изображение 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>

Любые идеи? Или другие решения для получения немасштабированного, центрированного фона?

4b9b3361

Ответ 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">

Update:

Android Docs имеет точное объяснение:

"Вы также можете определить необязательный растягиваемый раздел изображения (эффективно, строки заполнения) путем рисования строки в правой и нижней строках. Если объект View задает NinePatch в качестве фона, а затем указывает текст вида, он будет растягиваться так, чтобы весь текст входил только в область, обозначенную правой и нижней строками (если включен). Если строки прокладки не включены, Android использует левую и верхнюю строки для определения этой области рисования."

Чтобы игнорировать это поведение по умолчанию, нам нужно явно указать атрибут заполнения в формате XML

Ответ 2

Решив проблему, моя область заполнения на 9-патче не подходит. Когда я нарисовал область прокладки как обратную к растяжимой области, изображение начало работать. Я просто подумал, что это было бы автоматически, если бы не было области заполнения:)

Ответ 3

Используйте 9-патч, установив строку содержимого (справа и внизу)!