2010-02-03 22 views
18

Quiero construir el siguiente diseño, pero no está funcionando.android table layout rowspan

alt text http://toms-toy.de/rowspan.gif

<LinearLayout android:orientation="horizontal"...> 
    <ImageView ...></ImageView> 
     <TableLayout ...> 
         <TableRow..> 
           <ImageView ...></ImageView> 
           <ImageView ...></ImageView> 
           <ImageView ...></ImageView> 
         </TableRow> 
         <TableRow..> 
           <ImageView ...></ImageView> 
           <ImageView ...></ImageView> 
           <ImageView ...></ImageView> 
         </TableRow> 
     </TableLayout> 
    <ImageView ...></ImageView> 
</LinearLayout> 
+0

he encontrado [esto realmente agradable tuto rial en tableLayout] (http://coderzheaven.com/index.php/2011/03/android-tablelayout/). – Max

Respuesta

33

Pongo esto en conjunto muy rápido, intente esto:

alt text

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <ImageView android:layout_width="50dip" android:layout_height="100dip" android:background="#cc0000"/> 
    <TableLayout android:layout_width="wrap_content" android:layout_height="wrap_content"> 
     <TableRow> 
      <ImageView android:layout_width="50dip" android:layout_height="50dip" android:background="#aaaa00"/> 
      <ImageView android:layout_width="50dip" android:layout_height="50dip" android:background="#00aa00"/> 
      <ImageView android:layout_width="50dip" android:layout_height="50dip" android:background="#aaaa00"/> 
     </TableRow> 
     <TableRow> 
      <ImageView android:layout_width="50dip" android:layout_height="50dip" android:background="#00aa00"/> 
      <ImageView android:layout_width="50dip" android:layout_height="50dip" android:background="#aaaa00"/> 
      <ImageView android:layout_width="50dip" android:layout_height="50dip" android:background="#00aa00"/> 
     </TableRow> 
    </TableLayout> 
    <ImageView android:layout_width="50dip" android:layout_height="100dip" android:background="#cc0000"/> 
</LinearLayout> 
+3

Lo ideal es que el ancho de las vistas de las imágenes sea wrap_content y el ancho de la tabla de diseño, 0dip. A continuación, agregue un layout_weight de 1.0 a la tabla de salida. –

+0

Solo quería agradecer a Jeffrey por esto, me estaba tirando de los pelos tratando de resolver esto y para que todos lo sepan, ¡la orientación = "horizontal" es muy importante! Mejor, Mike – Mike

7

probar este:

<TableLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 
    <TableRow> 
     <TextView android:text="1-2, 1;\t" android:layout_gravity="center" /> 
     <TableLayout> 
      <TableRow> 
       <TextView android:text="1, 2;\t" android:layout_gravity="center" /> 
      </TableRow> 
      <TableRow> 
       <TextView android:text="2, 2;\t" android:layout_gravity="center" /> 
      </TableRow> 
     </TableLayout> 
    </TableRow> 
</TableLayout> 
Cuestiones relacionadas