Discussion :

[toss.net]

Bonjour,

(débutant WPF mais vous le verrai)
Je cherche à redessiner ça :


J'ai placé un Rectangle côté XAML et y suis arrivé pour le dégrader :

Code :

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

1
2
3
4
5
6
7
8
LinearGradientBrush myBrush = new LinearGradientBrush();
myBrush.StartPoint = new Point(0.5, 0);
myBrush.EndPoint = new Point(0.5, 1);
 
myBrush.GradientStops.Add(new GradientStop(Color.FromRgb(215, 209, 245), 0.0));
myBrush.GradientStops.Add(new GradientStop(Color.FromRgb(104, 78, 249), 1.0));
 
rectangle1.Fill = myBrush;

Mais comment faire pour y ajouter le rectangle jaune ?

[binoo]

Salut,

L'exemple suivant devrait répondre à ta question :
http://msdn.microsoft.com/en-us/library/ms752315.aspx

Il faut créer un Canvas dans lequel tu vas placer tes rectangles et les positionner avec les propriétés Canvas.Left et Canvas.Top. Le dernier ajouté sera au premier plan.

[Pragmateek]

Sinon tu les places tous deux dans une "Grid", le jaune en deuxième.

Et y a t'il une raison particulière pour laquelle tu effectues le dégradé via le code-behind ?

[toss.net]

Bonjour, la raison et que j'ai plusieurs vignettes comme cela à afficher suivant le choix d'un combobox (un carré, un triangle, un trapèze, un arc de cercle).
Actuellement j'ai mis dans \Ressources\ les .jpg qui l'affiche dans une Image.Source =...
La qualité vectorielle m'interesse plus.
D'autre part, cacher (Visibility.hidden) des 8 ou 9 vignettes faite en XAML me semble pa, scomment dire, "propre" non ?
Après je pensais, mais avec plus d'expérience, passer par Expression, créer une vignette animée dans un "modèle", et l'afficher je ne sais pas encore trop comment mais l'idée me parait jouable.
Ici dans un premier temps, en code behind me paraisser pas compliqué; je me suis quelque peu trompé

[toss.net]

Si un jour ça interesse quelqu'un, j'ai trouvé en faisant cela:
Coté XAML : le Canvas avec le dégradé :

Code :

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

1
2
3
4
5
6
7
8
<Canvas Height="133" Name="canvas1" Width="134" >
    <Canvas.Background>
        <LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
            <GradientStop Color="#DACDE9" Offset="0" />
            <GradientStop Color="#8A576A" Offset="1" />
        </LinearGradientBrush>
    </Canvas.Background>
</Canvas>

Côté C# (car dans le cas présent le dessin est fait dynamiquement):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
Rectangle r = new Rectangle();
r.Fill = new SolidColorBrush(Colors.Cyan);
r.Width = 75;
r.Height = 75;
r.StrokeThickness = 2;
r.Stroke = Brushes.Black;
r.SetValue(Canvas.LeftProperty, (double)29);
r.SetValue(Canvas.TopProperty, (double)29);
r.IsHitTestVisible = false;
r.Cursor = Cursors.Hand;
canvas1.Children.Add(r);