Contrôle utilisateur : conteneur

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:

---

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:

---

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?

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

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

OK.

J'ai créer la classe MyGrid :

Code:

---

public partial class MyGrid : Grid

---

dont le code xaml est :

Code:

---

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:

---

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.

Imaginons que je nomme les cellules de ma grille :

Code:

---

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:

---

1 2 3

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

---

Une idée?

Tu peux pas, Grid.Row veut un nombre.

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

Par exemple :

Code:

---

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?

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:

---

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:

---

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?

J'ai finalement créer un contrôle héritant de Panel avec la propriété attachée LocationProperty , comme dans le post précedent.

Ce qui me permet d'écrire :

Code:

---

1 2 3

<my:MyPanel> <Button my:MyPanel.Location="Top"></Button> </my:MyPanel>

---

J'ai pu réecrire la méthode ArrangeOverride qui réorganise les élements du Panel. La surcharge de cette méthode n'est pas possible avec Grid puisqu'elle est sealed à ce niveau.

Et j'accède à ma propriété LocationProperty grace à la méthode GetValue(LocationProperty).


Merci à tous de votre participation.