Utilisation d'un TemplateBinding dans un LinearGradientBrush.GradientStops

Version imprimable

Bonjour.

Y a t'il une subtilité pour pouvoir utiliser un propriété (du style Foreground) dans la définition des gradientstops ?

Le code suivant ne léve pas d'erreur mais ne fonctionne pas (la couleur du Background "rouge" n'est pas prise en compte dans le dégradé) :

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
 
<Window x:Class="Window4"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window4" Height="300" Width="300">
    <Grid>
        <Grid.Resources>
            <Style TargetType="Button">
                <!--Set to true to not get any properties from the themes.-->
                <Setter Property="OverridesDefaultStyle" Value="True"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush x:Name="rr" StartPoint="0.5,0" EndPoint="0.5,1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
                                            <LinearGradientBrush.GradientStops>
                                                <GradientStop Color="Black" Offset="0" />
                                                <GradientStop Color="{TemplateBinding Background}" Offset="0.5" />
                                                <GradientStop Color="DarkBlue" Offset="0.5" />
                                                <GradientStop Color="LightBlue" Offset="1" />
                                            </LinearGradientBrush.GradientStops>
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                                <ContentPresenter HorizontalAlignment="Center"
                            VerticalAlignment="Center"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Grid.Resources>
        <Button Margin="60,69,96,111" Name="Button1" Background="Red" Foreground="White">Button</Button>
    </Grid>
</Window>

Pour autant, celui-ci fonctionne :

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
 
<Window x:Class="Window4"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window4" Height="300" Width="300">
    <Grid>
        <Grid.Resources>
            <Style TargetType="Button">
                <!--Set to true to not get any properties from the themes.-->
                <Setter Property="OverridesDefaultStyle" Value="True"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <Rectangle Fill="{TemplateBinding Background}">
                                </Rectangle>
                                <ContentPresenter HorizontalAlignment="Center"
                            VerticalAlignment="Center"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </Grid.Resources>
        <Button Margin="60,69,96,111" Name="Button1" Background="Red" Foreground="White">Button</Button>
    </Grid>
</Window>

J'ai raté quelque chose ?

Cdt.

Re.

Ca doit être lié à Color car :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <Grid.Triggers> <EventTrigger RoutedEvent= "Grid.Loaded"> <BeginStoryboard> <Storyboard> <ColorAnimation Storyboard.TargetName="A" Storyboard.TargetProperty="Color" To="{TemplateBinding Background}" Duration="0:0:0" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Grid.Triggers>
Ne marche pas non plus...

Mais si on positionne To="Black", ça fonctionne ...

Donc pour l'instant j'en suis à penser que le binding sur un type color ne marche pas (dans le code précédent, le rectangle.fill utilise un brush et pas une color...).

Cdt.

15/03/2008, 02h37
olsimare

Re.

Bon, j'ai trouvé ce que je cherchai ici :
http://forums.microsoft.com/MSDN/Sho...36844&SiteID=1

Pour autant, de color à GradientStop Color cela fonctionne, mais de brush à GradientStop Color, j'ai un erreur de conversion.

Je laisse ouvert au cas où.

Cdt.
15/03/2008, 12h28
Thomas Lebrun

Citation:

Envoyé par olsimare

Pour autant, de color à GradientStop Color cela fonctionne, mais de brush à GradientStop Color, j'ai un erreur de conversion.

Tu as essayé d'utiliser un Converter pour convertir ton Brush en GradientStop/Color ?
15/03/2008, 18h30
olsimare
Bonjour.

C'est un faux probléme en fait car :
Code:

1 2 <GradientStop Color="{Binding Path=Background.Color, RelativeSource={RelativeSource Mode=TemplatedParent}}" Offset="0.5" />
Fonctionne idéalement.

Par contre cette histoire de converter m'intéress Thomas, tu parles de faire une classe qui implémente IValueConverter ou est-ce possible directement dans le code xaml ?

Cdt.
16/03/2008, 12h26
Thomas Lebrun

Non, je parle bien de passer par une classe implémentant IValueConverter et ensuite, de l'utiliser dans le XAML ;)
16/03/2008, 20h14
olsimare

Bonjour.

Ok et merci.

Cdt.