2016-12-20 4 views
0

je suis nouveau dans android studio. actuellement je faire listview, je veux faire la mise en page comme cette image:Comment faire Listview avec tablerow

enter image description here

c'est mon code maintenant

<TableLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true"> 

    <TableRow 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:weightSum="3"> 

     <TableLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1.5"> 

      <TableRow 

       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="15dp" 
       android:layout_marginLeft="10dp" 
       > 


       <TextView 
        android:layout_width="0dp" 
        android:layout_weight="1" 
        android:layout_height="wrap_content" 
        android:textAppearance="?android:attr/textAppearanceMedium" 
        android:text="Type" 
        android:textSize="18dp" 
        android:fontFamily="sans-serif" 
        android:textColor="@color/black" 
        android:id="@+id/tvTipeRequest" 
        android:width="130dp" /> 
      </TableRow> 

      <TableRow 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="10dp" 
       android:layout_marginTop="10dp" 
       > 

       <TextView 
        android:layout_width="0dp" 
        android:layout_weight="1" 
        android:layout_height="wrap_content" 
        android:textAppearance="?android:attr/textAppearanceMedium" 
        android:text="Date" 
        android:fontFamily="sans-serif" 
        android:id="@+id/tvTanggalRequest" 
        android:textSize="15dp" 
        android:width="130dp" /> 

      </TableRow> 


     </TableLayout> 

     <TextView 
      android:layout_width="1dp" 
      android:layout_weight="1" 
      android:layout_height="50dp" 
      android:textAppearance="?android:attr/textAppearanceMedium" 
      android:textColor="@color/black" 
      android:text="Status" 
      android:textSize="15dp" 
      android:gravity="end" 
      android:paddingTop="10dp" 
      android:fontFamily="sans-serif" 
      android:layout_marginTop="15dp" 
      android:id="@+id/tvStatus" 
      android:layout_column="38" /> 

    </TableRow> 

</TableLayout> 

je me rends compte que tablerow ne peux pas faire la rowspan, il n'a pas fonctionné sur .

Y at-il un moyen simple de faire cela?

+1

Aussi simple que vous pouvez utiliser 'LinearLayout' avec une orientation avec la mise en page de parent horizontal et enfant vertical disposition. – Piyush

+0

pouvez-vous écrire l'exemple de code, si cela ne vous dérange pas. Je ne comprends pas vraiment l'orientation. – Borom1r

Répondre

1

Utilisez cette hiérarchie:

<LinearLayout 
    android:layout_width="match_parent" 
    android:orientation="horizontal" 
    android:weightSum="1" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_weight="0.2" 
     android:orientation="vertical" 
     android:layout_height="wrap_content"> 

     <!--ImageView here--> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_weight="0.8" 
     android:orientation="vertical" 
     android:layout_height="wrap_content"> 

     <!--All textViews here--> 
    </LinearLayout> 

</LinearLayout> 
1

Vous pouvez avoir une seule disposition relative comme contenant de la vue. Ce serait plus efficace.

Read.

Mise en page:

<?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="wrap_content"> 

    <ImageView 
     android:id="@+id/image_view" 
     android:layout_width="50dp" 
     android:layout_height="50dp" 
     android:layout_alignParentLeft="true" 
     android:layout_marginLeft="16dp" 
     android:layout_marginRight="16dp" 
     android:layout_marginTop="8dp" 
     android:src="@drawable/circle" /> 

    <TextView 
     android:id="@+id/text_view_1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/image_view" 
     android:text="text_1" 
     android:textColor="@android:color/black" /> 

    <TextView 
     android:id="@+id/text_view_2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/text_view_1" 
     android:layout_toRightOf="@+id/image_view" 
     android:text="text_2" 
     android:textColor="@android:color/black" /> 

    <TextView 
     android:id="@+id/text_view_3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/text_view_2" 
     android:layout_toRightOf="@+id/image_view" 
     android:text="text_3" 
     android:textColor="@android:color/black" /> 

    <TextView 
     android:id="@+id/text_view_4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/text_view_3" 
     android:layout_toRightOf="@+id/image_view" 
     android:text="text_4" 
     android:textColor="@android:color/black" /> 
</RelativeLayout> 

Sortie:

enter image description here