WPF Code grid avec cellule grid

Version imprimable

Bonjour je souhaite réaliser en code uniquement ce type de grille.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid Grid.Row="1" Grid.Column="1">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
            <Button Grid.Row="0" Content="Button1"/>
            <Button Grid.Row="1" Content="Button2"/>
            <Button Grid.Row="2" Content="Button3"/>
    </Grid>
</Grid>

L'affection SetColumn et SetRow ne fonctionne pas pour la grille interne en code C#.
Avez-vous une solution pour convertir ce XAML en C#
Merci

bonjour
La voici:

Code:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
 
namespace WpfCodeBehindGrid
{
    /// <summary>
    /// Logique d'interaction pour MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            SetupGrid();
        }
        private void SetupGrid()
        {
            Grid grd = new Grid();
            grd.Name = "grd";
            grd.ShowGridLines = true;
 
            for (int i = 1; i < 4; i++)
            {
                RowDefinition rowdef = new RowDefinition();
                rowdef.Height = new GridLength(1,GridUnitType.Star);
                grd.RowDefinitions.Add(rowdef);
                ColumnDefinition coldef = new ColumnDefinition();
                coldef.Width = new GridLength(1, GridUnitType.Star);
                grd.ColumnDefinitions.Add(coldef);
            }
            // on ajoute un bouton row=0 et col=0
            Button btn= new Button();
            btn.Name = "btn";
            btn.Content = "bouton exemple";
            btn.HorizontalAlignment = HorizontalAlignment.Stretch;
            btn.VerticalAlignment = VerticalAlignment.Stretch;
            Grid.SetRow(btn, 0); // on utilise la dependency prop attache "static"
            Grid.SetColumn(btn, 0);
            grd.Children.Add(btn);
 
            this.panel.Children.Add(grd);
 
        }
    }
}

code xaml du form user:

Code:

1
2
3
4
5
6
7
8
<Window x:Class="WpfCodeBehindGrid.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel x:Name="panel">
 
    </StackPanel>
</Window>

bon code...

22/11/2020, 12h14
chodid

Merci de ta réponse mais ce n'est pas le code qui correspond à la demande.
Le but est d'inséré une grille dans une cellule d'une autre grille.(avec une ou plusieurs colonnes et lignes)
Ton code pose simplement un bouton dans une grille.
Je cherche depuis longtemps mais c'est le grid.setrow ou grid setcol de la grille interne qui pose problème.
Merci si tu peux m'aider.

Citation:

Envoyé par chodid

Merci de ta réponse mais ce n'est pas le code qui correspond à la demande.
Le but est d'inséré une grille dans une cellule d'une autre grille.(avec une ou plusieurs colonnes et lignes)
Ton code pose simplement un bouton dans une grille.
Je cherche depuis longtemps mais c'est le grid.setrow ou grid setcol de la grille interne qui pose problème.
Merci si tu peux m'aider.

A une heure du matin ,j'ai regardé en diagonale .Alors voici le code complet revu ,qui au passage utilise la même technique que celle du button .
Sauf qu'il faut taper à la mano beaucoup plus de code et qu'il faut organiser son code ....!!!

Code:

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
 
namespace WpfCodeBehindGrid
{
    /// <summary>
    /// Logique d'interaction pour MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            SetupAllGrids();
        }
        private void SetupAllGrids()
        {
            // Grid  Externe
            Grid grid1 = GetGrid1();
            this.panel.Children.Add (grid1);
 
 
            //  Grid  Interne
            Grid grid2 = GetGrid2(); ;
            grid1.Children.Add(grid2);
            Grid.SetRow(grid2, 1);
            Grid.SetColumn(grid2, 1);
 
 
            //  liste de buttons
           List<Button> buttons = GetButtons();
 
           for (int i = 0; i < buttons.Count ; i++)
           {
               Button btn = buttons[i];
               Grid.SetRow(btn, i);
               Grid.SetColumn (btn, 0); 
               grid2.Children.Add(btn);
           }
 
        }
        private Grid GetGrid1()
        {
            Grid grd = new Grid();
            grd.Name = "gridExterne";
            grd.ShowGridLines = true;
 
            for (int i =0; i < 3; i++)
            {
                RowDefinition rowdef = new RowDefinition();
                rowdef.Height = new GridLength(1, GridUnitType.Star);
                grd.RowDefinitions.Add(rowdef);
 
                ColumnDefinition coldef = new ColumnDefinition();
                coldef.Width = new GridLength(1, GridUnitType.Star );
                grd.ColumnDefinitions.Add(coldef);
            }
            return grd;
        }
        private Grid  GetGrid2()
        {
            Grid grd = new Grid();
            grd.Name = "gridInterne";
            grd.ShowGridLines = true;
 
            for (int i =0; i < 3; i++)
            {
                RowDefinition rowdef = new RowDefinition();
                rowdef.Height = new GridLength(1, GridUnitType.Star );
                grd.RowDefinitions.Add(rowdef);
            }
            return grd;
        }
        private List<Button> GetButtons()
        {
            List<Button> buttons = new List<Button>();
            Button btn;
            for (int i = 0; i < 3; i++)
            {
                btn = new Button();
                btn.Name = "button" + (i + 1).ToString();
                btn.Content = "button" + (i + 1).ToString();
                buttons.Add(btn);
            }
            return buttons;
        }
    }
}

code xaml du form user inchangé...
bon code..

23/11/2020, 11h22
chodid

Ok ça fonctionne, merci beaucoup. Pourrais-tu me dire pourquoi il faut absolument un panel de fond ?
J'ai essayé de mettre par exemple 10 lignes identiques.
Ce panel même avec les propriétés horizontalAlignment et VerticalAlignment à strech empêche le redimensionnement complet de la grille à la fenêtre Windows en cas de plein écran.
Y a t-il un moyen de poser la grille mère sur la fenêtre Windows sans utiliser de Panel ?
Merci te ton investissement.
Bonne journée.

Citation:

Envoyé par chodid

Ok ça fonctionne, merci beaucoup. Pourrais-tu me dire pourquoi il faut absolument un panel de fond ?
J'ai essayé de mettre par exemple 10 lignes identiques.
Ce panel même avec les propriétés horizontalAlignment et VerticalAlignment à strech empêche le redimensionnement complet de la grille à la fenêtre Windows en cas de plein écran.
Y a t-il un moyen de poser la grille mère sur la fenêtre Windows sans utiliser de Panel ?
Merci te ton investissement.
Bonne journée.

J'ai utilisé un StackPanel pour des raisons de pure commodité (economie de frappe en xaml comme en code behind sinon il faut taper des grid.row="" et grid.col= par dizaines sinon centaines).
On peut utiliser tout control dérivant de Pane pour obtenir le même résultat ,par exemple un simple Grid .
Si on veut se débarrasser de tout panel et héberger directement ton "grid1" ou Grid le plus externe dans la fenêtre hôte ,le code behind.cs revu serait :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 private void SetupAllGrids() { // Grid Externe Grid grid1 = GetGrid1(); //this.panel.Children.Add (grid1); // la ligne commentée sera remplacé par // cette ligne this.Content = grid1; //.....le reste sans changement }
bon code ....

23/11/2020, 17h20
chodid

Super, tout fonctionne.
Maintenant on a une grille responsive pouvant comporter des grilles responsive.
Reste juste a bien préparer la map générale.
Merci encore.
Bien à toi !