android gridview ligne diviseurs / séparateurs

Est-il un moyen de montrer (à l'horizontale) les séparations entre les lignes dans un gridview?

J'ai essayé de mettre un petit diviseur image en dessous de chaque élément, mais ce n'est pas une solution, car il ne sera pas occuper toute la ligne si une ligne n'est pas complètement rempli avec les éléments.

Est-il un moyen de simplement ajouter une image entre chaque ligne? Je ne peux que trouver des méthodes pour modifier l'espace entre les lignes.

InformationsquelleAutor Frank | 2012-08-24
  1. 80

    Si vous utilisez une mise en page personnalisée éléments de la grille. Ci-dessous code du travail.

    Étape 1: Donner de la couleur d'arrière-plan à GridView

    Cela va servir comme un séparateur.

    Donner horizontalSpacing et verticalSpacing comme 1dp

    backgroundColor sera votre couleur du séparateur.

    <GridView
        android:id="@+id/gridView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#e5e5e5"
        android:horizontalSpacing="1dp"
        android:numColumns="auto_fit"
        android:stretchMode="columnWidth"
        android:verticalSpacing="1dp" >

    Étape 2: Donner de la couleur d'arrière-plan Personnalisée pour la Grille en page de l'Élément

    Cela va servir comme une couleur de premier plan pour GridItems.

    Dans mon cas, je l'ai gardé blanc (#fff)

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:background="#fff"
    android:padding="15dp"
     >

    <ImageView
        android:id="@+id/icon"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/ic_launcher_transparent" />

    <TextView
        android:id="@+id/lable"
        android:layout_marginTop="5dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Medium Text"
        android:textStyle="bold"
        android:textColor="#D0583B"
        android:textAppearance="?android:attr/textAppearanceSmall" />

</LinearLayout>

    Résultat

    android gridview ligne diviseurs /séparateurs

    Remarque:

    Si vous ne voulez pas séparateur vertical, garder horizontalSpacing = 0dp

    Si vous ne voulez pas séparateur horizontal, garder verticalSpacing = 0dp

    • belle idée pour le rendre facile
    • nice, cela a résolu mon problème
    • Merci! Cela fonctionne très bien et est très facile!
    • gentil, mon problème est résolu.
    • est-il possible d'ajouter drawable image de la ligne de séparation horizontale ?
    • eh bien, ici, la couleur de fond de la gridView sert de diviseur de sorte que vous pouvez ajouter un peu de répétition de l'image de fond de la tuile au lieu de cela, vous pourriez obtenir comme diviseur.
    • Cela devrait être accepté réponse:)
    • si vous avez un nombre impair d'éléments, le dernier élément montre de gris, avec cette méthode, bien que facile à mettre en œuvre
    • Cette solution ne fonctionne pas bien dans le cas où nous avons irrégulière nombre d'éléments dans le contrôle GridView, par exemple, 7 éléments dans la colonne 3 contrôle GridView.
    • Cette mise en œuvre des augmentations de découvert
    • Génial Répondre à Enregistrer mes heures de travail. Merci beaucoup.
    • nécessaires pour résoudre ce problème stackoverflow.com/questions/50131709/...

    InformationsquelleAutor Chaitanya Chandurkar
  2. 4

    J'ai fini par créer un gridview, quelque chose comme ceci:

    https://stackoverflow.com/a/9757501/1310343

    à l'aide d'une image de fond qui est exactement un élément dans mon gridview, et a devider au fond.

    Fonctionne comme un charme!

    • Hé, c'est peut-être expliquer un peu plus comment vous avez intégré avec mentionnée ci-dessus lien? Ou comment changer la normale gridview code personnalisé affichage de la grille comme vous l'avez mentionné dans la réponse. Je suis en train d'essayer des choses similaires. Je suis a échoué à inverser la bibliothèque étagères code!
    • J'ai créer une classe qui étend la classe Gridview et remplacer onDraw, appeler super.tirage(toile), puis dessiner les étagères sur la toile.
    • pouvez-vous m'aider à résoudre ce problème stackoverflow.com/questions/50131709/...
    InformationsquelleAutor Frank
  3. 3

    Voulais juste partager ce que j'ai mis en œuvre ce en utilisant le lien acceptée par l'OP.
    Pour mon cas, j'ai aussi besoin de contrôle de la longueur des séparateurs, donc je ne pouvais pas obtenir autour de sous-classement GridView.

    public class HorizontalSeparatorGridView extends GridView {

    //Additional methods 

    @Override
    protected void dispatchDraw(Canvas canvas) {

        final int count = getChildCount();
        for(int i = 0; i < count; i++) {
            View child = getChildAt(i);
            int bottom = child.getBottom();
            int left = child.getLeft();
            int right = child.getRight();

            Paint paint = new Paint();
            paint.setColor(0xffececec);

            paint.setStrokeWidth(Math.round(0.5 * density));

            int offset = //Some offset

            canvas.drawLine(left + offset, bottom, right - offset, bottom, paint);
        }


        super.dispatchDraw(canvas);
    }

    Je sous-classé dispatchDraw par opposition à onDraw juste pour être sûre, mais je ne pense pas que cela aurait de l'importance dans ce cas.

    • dude, c'est une excellente solution! Je cherchais quelque chose de semblable (créer des lignes de la grille sur les graphiques) et j'ai changé assez de pièces pour fonctionner parfaitement. Merci pour le partage de cette grande stratégie
    InformationsquelleAutor jrhee17
  4. 0

    Je suggère de faire le suivant:

    `

        <TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="1sp"
android:layout_marginLeft="7sp"
android:layout_marginRight="7sp"
android:layout_marginTop="7sp"
android:background="@android:color/transparent">
<TextView
android:id="@+id/lblDeposit"
android:layout_width="60sp"
android:layout_height="40sp"
android:layout_gravity="center_vertical"
android:layout_marginLeft="0sp"
android:background="@drawable/rounded_top_left_rectangle"
android:gravity="center"
android:paddingLeft="5sp"
android:scaleType="fitXY"
android:text="Deposit"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000">
</TextView>
<TextView
android:id="@+id/lblDepositvalue"
android:layout_width="50sp"
android:layout_height="40sp"
android:layout_gravity="center_vertical"
android:layout_marginLeft="2sp"
android:layout_marginRight="13sp"
android:background="@drawable/rounded_top_right_rectangle"
android:gravity="center_vertical|center_horizontal"
android:scaleType="fitXY"
android:text="40000/-Rs"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000">
</TextView>
</TableRow>
<TableRow
android:id="@+id/tableRow2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="6sp"
android:layout_marginLeft="7sp"
android:layout_marginRight="7sp"
android:layout_marginTop="2sp"
android:background="@android:color/transparent">
<TextView
android:id="@+id/lblPoints"
android:layout_width="60sp"
android:layout_height="40sp"
android:layout_gravity="center_vertical"
android:layout_marginLeft="0sp"
android:background="@drawable/rounded_bottom_right_rectangle"
android:gravity="center"
android:paddingLeft="5sp"
android:scaleType="fitXY"
android:text="Points "
android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000">
</TextView>
<TextView
android:id="@+id/lblPointsValue"
android:layout_width="50sp"
android:layout_height="40sp"
android:layout_gravity="center_vertical"
android:layout_marginLeft="2sp"
android:layout_marginRight="13sp"
android:background="@drawable/rounded_bottom_left_rectangle"
android:gravity="center_vertical|center_horizontal"
android:scaleType="fitXY"
android:text="20"
android:textAppearance="?android:attr/textAppearanceMedium"
android:textColor="#000">
</TextView>
</TableRow>
</TableLayout>`
    • C'est un tablelayout, je suis à l'aide d'un gridview.
    InformationsquelleAutor Snehal Poyrekar