Discussion :

[Spaeda]

Bonjour,

Tout d'abord, je débute en silverlight et j'ai un peu de mal à trouver mes repères.
Je dois créer un contrôle silverlight qui serait facilement surchargeable. Je m'explique, l'utilisateur implementant ce contrôles dans sont page.xaml devrait pouvoir modifier les attributs de cette façon :

Code :

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

<Local:SlideView Name="SlideCtrl" Background="Aqua" />

Et dans ce cas la couleur d'arrière plan serait changer par celle spécifié.

Voici le code de mon contrôle :

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
33
34
35
36
37
38
39
40
<UserControl x:Class="SilverlightApp.SlideView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             Width="300" Height="auto"
             HorizontalAlignment="Right">
 
    <Canvas Width="300" Height="auto"
                RenderTransformOrigin="0.5,0.5" 
                x:Name="SlidePanel"
                HorizontalAlignment="Right"
                Opacity="0"> 
 
        <Canvas.Resources> 
            <Storyboard x:Name="SlideExpand">
                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SlidePanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="300"/>
                    <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
 
            <Storyboard x:Name="SlideCollapse">
                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SlidePanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                    <SplineDoubleKeyFrame KeyTime="00:00:00.5000000" Value="300"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </Canvas.Resources>
 
            <Canvas.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="0"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Canvas.RenderTransform>
 
        </Canvas>
 
</UserControl>

J'ai lu sur le net que beaucoup faisait cela en surchargeant la méthode onApplyTemplate() et en utilisant un fichier de "ressourceDictionnary" (generic.xaml), mais je souhaiterais éviter de devoir passer par le code behind pour modifier les valeurs des Attributs.

Si quelqu'un pouvait m'aider ou même m'aiguiller j'en serais ravi.

Merci

[Thomas Lebrun]

Il te suffit, sur ton controle SlideView, d'exposer des propriétés qui vont modifier les propriétés de l'IHM de ton contrôle (comme on le faisait en Winforms / Webforms)

[Skyounet]

A noter que si tu souahites donner des possibilités de binding à tes propriétés il faut passer par des Dependency Properties.

Dans tous les cas tu dois passer par du code behind.

[Spaeda]

Merci de vos réponses mais n'est il pas possible de faire comme en win et webforms ou on spécifie des valeurs pour le background et quand on linstancie ou peut en définir une autre pour cette instance ?

Car moi quoi qu'il se passe il garde la valeur définie dans mon xaml du contrôle

[Skyounet]

Merci de vos réponses mais n'est il pas possible de faire comme en win et webforms ou on spécifie des valeurs pour le background et quand on linstancie ou peut en définir une autre pour cette instance ?

Car moi quoi qu'il se passe il garde la valeur définie dans mon xaml du contrôle

Si c'est ce qu'on te dit.

Tu créés une propriétés dans ton code behind que tu appelels Color par exemple et dans le setter tu modifies la couleur de l'objet que tu veux.

[Spaeda]

Désolé,

J'ai due mal m'exprimer, mais en fait en asp.NET quand on met un WebControl dans une page asp on peut changer, toujours via cette page, les propriétés graphique de l'objet comme le background, la police etc et cela sans passer par le code behind.

Et en silverlight, j'ai beau vouloir faire pareil, il ne conserve que les propriétés définie dans le fichier xaml du composant.

Par exemple :

Code :

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

1
2
3
4
5
6
<UserControl x:Class="SilverlightApp.SlideView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             Width="300" Height="auto"
             HorizontalAlignment="Right">
</UserControl>

lorsque je le met dans mon page.xaml, je devrais pouvoir changer les propriétés Width et Height sans passer par le code behind.

Code :

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

1
2
 
<Local:SlideView Name="SlideCtrl" />

Dans ce cas mon usercontrol aura une largeur de 300 comme définie dans le xaml du contrôle.

Code :

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

<Local:SlideView Name="SlideCtrl" Width="800"/>

Et dans ce cas ci mon usercontrole aura une largeur de 800, la valeur vient écraser celle definie dans le xaml du contrôle.

J'espère avoir été assez clair, cela peut paraitre con car c'est logique mais j'ai beau essayer et ya rien a faire il ignore totalement les valeur définie lors de sa déclaration dans mon page.xaml. Donc ya t'il une subtilité qui m'aurait échappé ?