Discussion :

[PerpetualSnow]

Je souhaite créer mon propre contrôle utilisateur qui est une Grid avec un format spécifique.

Pour ce faire j'ai créé un UserControl sous la forme d'une grille et le tout est contenu dans une librairie Silverlight.

J'utilise cette librairie et donc ce contrôle dans une application et je voulais savoir comment je pouvais me donner la possibilité de rajouter des élements dans la grille.

Par défaut, avec la Grid classique on fait :

Code :

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

1
2
3
4
5
6
7
8
<Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Button Grid.Row="0">
        <TextBox Grid.Row="1">
</Grid>

Dans cet exemple, on a créé une grille de deux lignes, avec un bouton dans la première ligne et un champ texte dans la deuxième.

Ayant créé le composant MyGrid, j'aimerai pouvoir écrire :

Code :

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

1
2
3
4
<MyGrid x:Name="LayoutRoot" Background="White">
        <Button Grid.Row="0">
        <TextBox Grid.Row="1">
</MyGrid >

Je n'ai pas besoin de définir le nombre de ligne puisque cela est définit dans le composant.

Comment puis je ajouter différent contrôle (button, textbox) à mon composant?

[Thomas Lebrun]

Si ton controle MyGrid hérite de Grid, alors cela se fait automatiquement...

[Skyounet]

Quand on veut créer un contrôle, bah il faut créer un contrôle et non pas un UserControl...

[PerpetualSnow]

OK.

J'ai créer la classe MyGrid :

Code :

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

public partial class MyGrid : Grid

dont le code xaml est :

Code :

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

1
2
3
4
5
6
7
8
9
10
<Grid x:Class="MyComponents.MyGrid"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    ShowGridLines="True">
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
</Grid>

Maintenant je peux dans mon application, faire :

Code :

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

1
2
3
<my:MyGrid>
        <Button Grid.Row="1"></Button>
</my:MyGrid>

Je me suis fais pieger car je créais mon composant à partir de l'interface de MVS : Add->New Item...->Silverlight User Control.

[PerpetualSnow]

Imaginons que je nomme les cellules de ma grille :

Code :

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

1
2
3
4
5
6
7
8
9
10
<Grid x:Class="MyComponents.MyGrid"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    ShowGridLines="True">
    <Grid.RowDefinitions>
        <RowDefinition x:Name="topField"></RowDefinition>
        <RowDefinition x:Name="middleField"></></RowDefinition>
        <RowDefinition x:Name="bottomField"></></RowDefinition>
    </Grid.RowDefinitions>
</Grid>

Comment placer des contrôles sur cette grille à partir des noms donnés? Par exemple, j'aimerai pouvoir faire :

Code :

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

1
2
3
<my:MyGrid>
        <Button Grid.Row="topField"></Button>
</my:MyGrid>

Une idée?

[Skyounet]

Tu peux pas, Grid.Row veut un nombre.

[PerpetualSnow]

Comment créer une propriété d'accès aux cellules d'une grilles?

Par exemple :

Code :

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

1
2
3
<my:MyGrid>
        <Button MyGrid.Cell="topField"></Button>
</my:MyGrid>

Que dois-je faire pour ajouter la propriété Cell à mon contrôle MyGrid?

[PerpetualSnow]

Je suis en train de trouver la réponse à ma question mais pas totalement. Je m'explique :

J'ai créé une propriété attachée LocationProperty

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
public partial class MyGrid : Grid
{

public enum Field
{
            Top,
            Left,
            Right,
            Bottom,
            Main
 }

public static readonly DependencyProperty LocationProperty;

static MyGrid()
{
            PropertyMetadata locationMetaData = new PropertyMetadata(Field.Main);
            LocationProperty = DependencyProperty.RegisterAttache ("Location", typeof(Field), typeof(MyGrid), locationMetaData);
}

public static Field GetLocation(DependencyObject target)
{
            return (Field)target.GetValue(LocationProperty);
}

public static void SetLocation(DependencyObject target, Field value)
{
            target.SetValue(LocationProperty, value);
}

}

Cela me permet de spécifier la propriété Location quand j'utilise le composant MyGrid

Code :

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

1
2
3
<my:MyGrid>
        <Button my:MyGrid.Location="Top"></Button>
</my:MyGrid>

Par contre, je ne sais pas où je dois spécifier à quoi correspond la Location="Top". Dans ce cas, je voudrais que Location="Top" soit équivalent à Grid.Row="0".

Dois-je agir au niveau du constructeur ou plutot creer une méthode qui se lance au changement de la propriété Location?