Discussion :

[zeratec]

Bonjour à tous,

Je suis en train de coder une application, et je rencontre de nombreux problèmes (des difficiles, des simples) que j'arrive parfois a surmonter, mais là.. je me pose une colle.

Dans un fichier txt, je récupère un certain nombre de ligne ( int count dans le code) compris entre 0 et 25.

Coté XAML, j'ai une Grid de 5 colonnes et 5 lignes (voir image PJ)

Je crée des objets dynamiques de la sorte suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
public void createGridButton()
        {
            int count = 2;  //récuperer le nb de ligne
 
            int nbColumn = 5;
            int nbRow = 5;
            List<Button> LBtn = new List<Button>();
 
            for (int i = 0; i < count; i++)
            {
                Button btn = new Button();
                LBtn.Add(btn);  
                LBtn[i].Content = "Button " + i;
 
                Grid.SetColumn(LBtn[i], i);
                Grid.SetRow(LBtn[i], 0);
 
                GridButton.Children.Add(LBtn[i]);
            }
        }

Seulement, je n'arrive pas à générer plus que 5 boutons.
Je n'arrive pas à parcourir ma grille selon les lignes et colonnes pour la génération dynamique.

Je vous ajoute des images en PJ pour des cas si Count = 2, Count = 5 et Count = 7 pour que vous ayez une image du problème.

Auriez-vous des éléments de réponses ?

Zeratec

[WDKyle]

Bonjour,

Ta Grid n'évolue pas selon le nombre de Button, j'ai envie de dire que c'est donc normal. Elle reste à nbColumn = 5 donc cas typique de la dernière capture, les Button sont surement superposés dans la dernière colonne.

[zeratec]

Oui, les boutons se superposent sur la dernière colonne de la première ligne.

Le cas que je souhaite est, une fois 5 boutons sur une ligne, le suivant se mette à la ligne suivante (sorte de retour à la ligne en quelque sorte).

Cest donc normal que les colonnes restent fixes dans la "Grid".

C'est la logique du "retour à la ligne" que je n'arrive pas à transcrire dans mon code.

[Noxen]

Il aurait pu être utile d'avoir le code xaml de ta Grid pour voir comment tu fais le Binding. Et sinon tu peux regarder du côté de UniformGrid.

[zeratec]

Justement, je ne souhaite pas binder la génération de bouton. En fait, je ne sais pas si c'est possible.

J'ai trouvé une solution me permettant de générer, en fonction d'un nombre, des objets (btn, lbl, textbox, etc) dans une grille dont les dimensions sont prédéfinies.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
public void createGridButton()
        {
            int count = 25;  //récuperer le nb de ligne du fichier texte (max 25)
            int nbColumn = 5; //nb de colonne de la grid
            int nbRow = 5; //nb de ligne de la grid
            int i = 0;
            int j = 0;
 
            List<Button> LBtn = new List<Button>();
 
            for (int k = 0; k < count; k++)
            {
                if (k % nbColumn == 0 && k != 0)
                {
                    j++;
                    i = 0;
                    if (j == nbRow) { j = 0; }
                }
 
                Button btn = new Button();
                LBtn.Add(btn);
                LBtn[k].Content = "Button " + k;
 
                Grid.SetColumn(LBtn[k], i);
                Grid.SetRow(LBtn[k], j);
 
                GridButton.Children.Add(LBtn[k]);
 
                i++;
            }
        }

Je partage donc avec vous cette fonction pour ceux qui se pose la question de comment faire.

Par ailleurs, je reste à l'écoute si une solution similaire est possible avec du binding.

Zeratec

[Pol63]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
class ButtonInfo
  object Title {get;set;}
  RelayCommand Command {get;set;}

Code xaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<itemscontrols itemssource{binding ButtonsList}>
   <itemscontrols.itemspaneltemplate>
          <itemspaneltemplate>
               <uniformgrid columns="5"/> <!--ou autre-->
          </itemspaneltemplate>
   </itemscontrols.itemspaneltemplate>
   <itemscontrols.itemtemplate>
        <datatemplate>
            <button content="{binding Title}" Command="{binding Command}"/>
        </datatemplate> 
    </itemscontrols.itemtemplate>
</itemscontrols>