Fonctionnement de GridLayout lors de la spécification des colonnes et des rowspan

Question

J'ai fait une mise en page pour ma listview dans un projet Android. C'est comme ça;

J'ai lu et fait des recherches sur d'autres échantillons de GridLayout et je l'ai écrit xml en conformité avec j'ai.

<?xml version="1.0" encoding="utf-8"?> 
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/card_background" 
    android:columnCount="30" 
    android:orientation="horizontal" 
    android:rowCount="6" 
    android:id="@+id/grid_layout_notification"> 

    <com.ei.dizitakip.android.CircledNetworkImageView 
     android:id="@+id/fancy_notification_thumbnail" 
     android:layout_columnSpan="5" 
     android:layout_rowSpan="6" 
     /> 

    <TextView 
     android:layout_columnSpan="25" 
     android:textAppearance="?android:attr/textAppearanceLarge" 
     android:id="@+id/fancy_title" 
     android:textColor="@color/color_primary_dark" /> 

    <ImageView 
     android:layout_columnSpan="2" 
     android:id="@+id/fancy_season_icon" 
     android:src="@mipmap/season_icon" 
     android:background="@android:color/transparent" 
     /> 

    <TextView 
     android:layout_columnSpan="10" 
     android:id="@+id/fancy_status_text" 
     android:gravity="center_vertical" /> 

    <ImageView 
     android:layout_columnSpan="2" 
     android:id="@+id/fancy_domain_icon" 
     android:src="@mipmap/www_icon" 
     android:background="@android:color/transparent" 
     /> 

    <TextView 
     android:layout_columnSpan="11" 
     android:id="@+id/fancy_domain_text" 
     android:gravity="center_vertical" /> 

</GridLayout> 

Comme vous avez réalisé que le code est loin de la conception. Qu'est-ce qui me manque à propos de GridLayouts? C'est la première fois que je l'utilise et j'ai utilisé la même approche avec layout_weight de LinearLayout. Vraiment apprécié tous les échantillons de code, approche ou technique.

Answer 1

Vous devez utiliser android: layout_gravity pour spécifier la taille d'une grille. Ceci est un exemple du blog Android Developers

Pour réaliser ce design;

Code

;

<?xml version="1.0" encoding="utf-8"?> 
<GridLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 

     android:layout_width="match_parent" 
     android:layout_height="match_parent" 

     android:useDefaultMargins="true" 
     android:alignmentMode="alignBounds" 
     android:columnOrderPreserved="false" 

     android:columnCount="4" 
     > 

    <TextView 
      android:text="Email setup" 
      android:textSize="32dip" 

      android:layout_columnSpan="4" 
      android:layout_gravity="center_horizontal" 
      /> 

    <TextView 
      android:text="You can configure email in just a few steps:" 
      android:textSize="16dip" 

      android:layout_columnSpan="4" 
      android:layout_gravity="left" 
      /> 

    <TextView 
      android:text="Email address:" 

      android:layout_gravity="right" 
      /> 

    <EditText 
      android:ems="10" 
      /> 

    <TextView 
      android:text="Password:" 

      android:layout_column="0" 
      android:layout_gravity="right" 
      /> 

    <EditText 
      android:ems="8" 
      /> 

    <Space 
      android:layout_row="4" 
      android:layout_column="0" 
      android:layout_columnSpan="3" 
      android:layout_gravity="fill" 
      /> 

    <Button 
      android:text="Next" 

      android:layout_row="5" 
      android:layout_column="3" 
      /> 
</GridLayout> 

Vous devez utiliser l'étiquette <Space> et pour réaliser votre conception.