[UWP] binder Grid.Row et Grid.Column

bonjour

Si ,si les lignes et colonnes peuvent etre bindés dans un ItemsControl le seul ennui du control Grid c'est qu'il doit :
- connaitre le nombre de lignes et colonnes en jeu
- son ItemContainerStyle doit spécifier les bindings "Y"(ligne) et "X"(colonne)...

De plus , si une ligne ou colonne ne contient aucun élément =>elle semble ne pas s'afficher ,aussi la hauteur et largeur des colonnes doit être impérativement spécifiée..

En voici un :
class data de test

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
namespace WpfGrid
{
    public class Item:INotifyPropertyChanged 
    {
        private string nom;
 
        public string Nom
        {
            get { return nom; }
            set
            { 
                nom = value; Raise("Nom");
            }
        }
        private int col;
 
        public int Col
        {
            get { return col; }
            set 
            {
                col = value; Raise("Col");
            }
        }
 
        private int row;
 
        public int Row
        {
            get { return row; }
            set
            {
                row = value; Raise("Row");
            }
        }
 
 
        public event PropertyChangedEventHandler PropertyChanged;
        public void Raise(string nomProp)
        {
            PropertyChangedEventHandler h = PropertyChanged;
            if (h != null)
                h(this, new PropertyChangedEventArgs(nomProp));
        }
    }
    public class Items: List<Item>
    {
        private Item it;
        public Items()
        {
                it = new Item() { Nom = "item00", Row=0,Col= 0 };
                this.Add(it);
                it = new Item() { Nom = "item21" ,Row= 2, Col = 1 };
                this.Add(it);
                it = new Item() { Nom = "item33" ,Row= 3, Col = 3 };
                this.Add(it);
                it = new Item() { Nom = "item42" ,Row= 4,Col = 2 };
                this.Add(it);
                it = new Item() { Nom = "item52" ,Row= 5 ,Col = 2 };
                this.Add(it);
                it = new Item() { Nom = "item53" ,Row= 5, Col = 3 };
                this.Add(it);
        }
 
 
    }

code xaml du form:

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
<Window x:Class="WpfGrid.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
       xmlns:local="clr-namespace:WpfGrid" 
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:Items x:Key="src"/>
        <DataTemplate 
            x:Key="dt"
            DataType="{x:Type local:Item}">
            <Button
                Content="{Binding Nom}">
            </Button> 
        </DataTemplate>
    </Window.Resources>
    <StackPanel >
        <ListBox 
            ItemTemplate="{StaticResource dt}"
            ItemsSource="{Binding Source={StaticResource src}}">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <Grid IsItemsHost="True"
                          ShowGridLines="True">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition  Width="50"/>
                            <ColumnDefinition  Width="50"/>
                            <ColumnDefinition  Width="50"/>
                            <ColumnDefinition  Width="50"/>
                            <ColumnDefinition  Width="50"/>
                            <ColumnDefinition  Width="50"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition  Height="50"/>
                            <RowDefinition  Height="50"/>
                            <RowDefinition  Height="50"/>
                            <RowDefinition  Height="50"/>
                            <RowDefinition  Height="50"/>
                            <RowDefinition  Height="50"/>
                        </Grid.RowDefinitions>
                    </Grid>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemContainerStyle>
                <Style TargetType="ListBoxItem">
                    <Setter Property="Grid.Column" Value="{Binding Path=Col}" />
                    <Setter Property="Grid.Row" Value="{Binding Path=Row}" />
                </Style>
            </ListBox.ItemContainerStyle>
        </ListBox>
    </StackPanel> 
</Window>

Citation:

une autre possibilité que grid pour faire ca ?

c'est l' UniformGrid qui permet de spécifier le nombre de colonnes et lignes au lieu d'aligner le code du genre "Grid.ColumnDefinitions ou Grid.RowDefinitions"
il suffit de "binder ces lignes ou colonnes" à List.Count...
bon code...