Me tope por ahi un problema con los fodos para los layouts. Estos son escalados y al parecer no hay forma de decirle al layout de que modo queremos que escale (o mas bien que no lo haga) el fondo.
Por ejemplo, supongamos que queremos usar un “tablero de ajedrez” de fondo para el siguiente layout
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" android:orientation="vertical" android:layout_width="fill_parent" android:background="@drawable/ <TextView android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Name:" /> <EditText android:id="@+id/EditText01" android:layout_height="wrap_content" android:layout_width="fill_parent" android:hint="Type your name here" /> <TextView android:id="@+id/TextView02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Email:" /> <EditText android:id="@+id/EditText02" android:layout_height="wrap_content" android:inputType="textEmailAddress" android:layout_width="fill_parent" android:hint="Type your email address" /> <Button android:id="@+id/Button01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Save" android:layout_gravity="center_horizontal" android:paddingLeft="40dip" android:paddingRight="40dip" /> </LinearLayout>
nos da como resultado, en portrait:
y en landscape
Como ven, el fondo es escalado sin posibilidad de poder definirle algún modo de escalado. Leyendo en foros me encontre esta solución, bastante ingeniosa, ojo, yo no soy el autor, pero si me parece importante rescatar la información y comentarla
Básicamente es no usar el backgraound del layout, sino más bien utilizar un FrameLayout y un ImageView.
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:src="@drawable/back" android:scaleType="center" /> <LinearLayout> <!-- your views --> </LinearLayout> </FrameLayout>
Para el ejemplo anterior, el layout quedaria como:
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" > <ImageView android:src="@drawable/hdpi_bg" android:layout_width="fill_parent" android:layout_height="fill_parent" android:scaleType="center" /> <LinearLayout android:layout_height="wrap_content" android:orientation="vertical" android:layout_width="fill_parent" > <TextView android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Name:" /> <EditText android:id="@+id/EditText01" android:layout_height="wrap_content" android:layout_width="fill_parent" android:hint="Type your name here" /> <TextView android:id="@+id/TextView02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Email:" /> <EditText android:id="@+id/EditText02" android:layout_height="wrap_content" android:inputType="textEmailAddress" android:layout_width="fill_parent" android:hint="Type your email address" /> <Button android:id="@+id/Button01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Save" android:layout_gravity="center_horizontal" android:paddingLeft="40dip" android:paddingRight="40dip" /> </LinearLayout> </FrameLayout>
Y se veria así
Y en landscape
Me parece una buena forma de aprovechar la propiedad de modo de escalado del ImageView y la verdad no agrega mayor complicación envolver nuestro layout original con el FrameLayout. Si alguien tiene otra solución me encantaría conocerla.