Android App Antecedentes: el uso de múltiples imágenes

Question

tengo una imagen de fondo que se divide en tres imágenes separadas:

backgroundTop.png 
backgroundMiddle.png 
backgroundBottom.png 

¿Cómo hago para la implementación de un fondo en una aplicación para Android en la que se muestra la imagen superior en la parte parte superior de la aplicación, y la imagen inferior en la parte inferior, y la imagen del medio está en mosaico en el medio? Esto, por supuesto, dependerá de la cantidad de contenido cargado en la pantalla, al igual que en las páginas web.

En otras palabras, la cantidad total de veces que la imagen del medio está en mosaico dependerá de lo que aparezca en la pantalla.

que he visto una solución para implementar un fondo de mosaico de una sola imagen aquí: How to make android app's background image repeat

Esto funciona bien si está utilizando una sola imagen, pero no con varias imágenes.

Enlaces a ejemplos a continuación para que sepa lo que quiero decir:

http://rockfreaks.net/images/reviewPageTop.png

http://rockfreaks.net/images/reviewPageMiddle.png

http://rockfreaks.net/images/reviewPageBottom.png

Answer 1

creo que se pueda probar la combinación de layer list drawable (es posible establecer inserciones de capas) con un mapa de bits embaldosado dibujable que se coloca como una capa intermedia y se coloca con las inserciones apropiadas.

Algo como esto:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:drawable="@drawable/page_top" /> 
    <item 
    android:insetTop="@dimen/page_top_height" 
    android:insetBottom="@dimen/page_bottom_height" 
    > 
    <bitmap 
     android:src="@drawable/page_middle_tile" 
     android:tileMode="repeat" 
     /> 
    </item> 
    <item android:drawable="@drawable/page_bottom" /> 
</layer-list> 

Pero todo depende de su diseño hecho.

Answer 2

intentar algo como esto:

superior e inferior en dos diseños con android:gravity="TOP" y "BOTTOM". Estos dos diseños están configurados con android:background="@drawable/xxx.png"

Para el centro, utilice su solución o utilice ScrollView.

Answer 3

Establezca el fondo como la imagen del medio y márquelo. (como en el ejemplo que muestra)

Cree una vista de encabezado que inserte en la parte superior de cada página.

Cree una vista de pie de página que inserte en la parte inferior de cada página.

Y tenga su contenido en el medio.

He hecho un archivo plano aquí, pero puede imaginar fácilmente refactorizarlo en includes, o lo que necesite su aplicación.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#00FF00" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="100dip" 
     android:layout_alignParentTop="true" 
     android:background="#FF0000" /> 

    <!-- Your content --> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="100dip" 
     android:layout_alignParentBottom="true" 
     android:background="#0000FF" /> 

</RelativeLayout> 

• Rojo = Cabecera
• Verde = Azulejos (que se hereda del tema)
• Azul = pie de página