Comment faire pour forcer le GridView pour générer des cellules carrées dans Android

Comment puis-je forcer android GridView pour générer des cellules carrées (de la Cellule à la hauteur égale à la cellule de largeur)
GridView a 10*9 cellules et l'application doit prendre en charge plusieurs écrans !

J'ai utilisé un Linéaire de la Mise en page:

row_grid.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="0dp" >

        <ImageView
            android:id="@+id/item_image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="fitXY"
            android:src="@drawable/ic_launcher" >
        </ImageView>

    </LinearLayout>

et GridView:
activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/katy" >

    <GridView
        android:id="@+id/gridView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:horizontalSpacing="0dp"
        android:numColumns="4"
        android:stretchMode="columnWidth"
        android:verticalSpacing="0dp" >
    </GridView>
</RelativeLayout>

Chaque cellule de la GridView contient une image qui a la même largeur et la hauteur.
les images sont plus grandes que les cellules et doit s'étirer pour s'adapter dans les cellules.
Comment faire pour forcer le GridView pour générer des cellules carrées dans Android

InformationsquelleAutor Jessica | 2014-06-25

85

Tout d'abord, vous allez avoir à créer une Vue personnalisée de classe que vous pouvez utiliser à la place de la valeur par défaut LinearLayout que vous utilisez. Alors vous voulez remplacer la Vue onMeasure appel, et le forcer à être carré:
```
public class GridViewItem extends ImageView {

    public GridViewItem(Context context) {
        super(context);
    }

    public GridViewItem(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public GridViewItem(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, widthMeasureSpec); //This is the key that will make the height equivalent to its width
    }
}
```
Ensuite, vous pouvez modifier votre row_grid.xml fichier:
```
<path.to.item.GridViewItem xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/item_image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"
    android:src="@drawable/ic_launcher" >
</path.to.item.GridViewItem>
```
Assurez-vous de changer de voie".d'.élément" pour le paquet, où votre GridViewItem.java classe réside.

J'ai également supprimé de votre LinearLayout parent car il ne faisait rien pour vous.

Edit:

Également changé scaleType de fitXY à centerCrop de sorte que votre image n'est pas de s'étirer lui-même et conserve ses proportions. Et, tant que c'est une image carrée, rien ne doit être recadrée, peu importe.
- .Je vous remercie.mais une erreur d'exécution est arrivé! 'android.vue.InflateException: Binaire dans le fichier XML de la ligne #1: Erreur de gonflage de la classe com.exemple.test.GridViewItem' emballage Lien de Téléchargement: s000.tinyupload.com/index.php?file_id=90216865398945988480
- votre GridViewItem.java la classe n'est pas dans le paquet que vous spécifiez dans le fichier XML, qui est pourquoi il ne se gonfler. Vous devez le déplacer dans le bon paquet et cela devrait fonctionner pour vous
- Oh,je suis bête! votre droit. merci de bien vouloir.
- Cela a fonctionné parfaitement, Merci!
- meilleure décision jamais!
- La même astuce fonctionne pour les TableLayout trop!
- Bien que la réponse fonctionne parfaitement si votre grille de point, n'a qu'un affichage de l'image. Cochez cette réponse (stackoverflow.com/a/57232928/3021082) si vous voulez votre grille de point d'être un ViewGroup au lieu de l'ImageView.
InformationsquelleAutor Cruceo

Vous pouvez Remplacer votre disposition linéaire

public class MyLinearLayout extends LinearLayout {
    public MyLinearLayout(Context context) {
        super(context);
    }

    public MyLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, widthMeasureSpec); //This is the key that will make the height equivalent to its width
    }
}

ensuite l'utiliser dans le item_grid.xml

<?xml version="1.0" encoding="utf-8"?>
<com.example.MyLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/item_grid"

    android:layout_margin="2dp"
    android:padding="3dp"
    android:gravity="center">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Category Name"
        android:textStyle="bold"
        android:textColor="@color/colorPrimary"
        android:id="@+id/tvCategoryName" />


</com.example.MyLinearLayout>

InformationsquelleAutor Hossam Alaa

Fonctionne très bien, merci! Une petite amélioration, je serait toujours choisir la valeur la plus petite, pour prévenir le dépassement de l'écran:

@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    if(heightMeasureSpec < widthMeasureSpec) {
        super.onMeasure(heightMeasureSpec, heightMeasureSpec);
    } else if(widthMeasureSpec < heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, widthMeasureSpec);
    } else {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

}

InformationsquelleAutor 最白目

import android.content.Context;
import android.util.AttributeSet;
import android.widget.RelativeLayout;

public class GridViewItem extends RelativeLayout {

    public GridViewItem(Context context) {
        super(context);
    }

    public GridViewItem(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public GridViewItem(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, widthMeasureSpec); //This is the key that will make the height equivalent to its width
    }
}

Si votre grille de point juste une image, puis la réponse est très bon. Mais vous voulez ajouter plusieurs éléments dans votre affichage de la grille ensuite, vous devez créer Votre Custom GridViewItem l'extension de la mise en page que vous voulez votre grille de point de l'être. Par exemple dans mon cas, j'ai eu RelativeLayout que la vue parent j'ai donc créé GridViewItem l'extension de la RelativeLayout et cela a fonctionné parfaitement.

InformationsquelleAutor Jain

-8

Assurez-vous que vos images sont carrées. Et le récipient wrap_content.
- "Je suis désolé Monsieur le Client, mais vos images doivent être de forme carrée. Aller de l'avant et télécharger un logiciel ou une application de retouche photo de sorte que vous pouvez modifier 5000 de vos images en forme de carré."
InformationsquelleAutor Abhishek Shukla

Vous devez vous connecter pour publier un commentaire.