[WPF] Z-Index dans WPF
Tout comme en CSS, on retrouve une notion de ZIndex en WPF, qui permet de spécifier l’empilement des différents calques.
Sous WPF, les ZIndex s’appliquent uniquement sur des objets ‘conteneurs’ comme les Panels, Grid, StackPanels et Canvas.
En XAML, la syntaxe est :
1 2 3 4 | <Canvas> <Image Name="Image1" Canvas.ZIndex="2" Height="60" Width="60" Source="test1.png" /> <Image Name="Image2" Canvas.ZIndex="1" Height="50" Width="70" Source="test2.png" /> </Canvas> |
Ici, l’image 1 se trouvera au dessus de l’image 2. On remarque l’ attribut Canvas.ZIndex placé dans la balise Image.
Dans le code, ici en C#, cela se déclare de cette manière :
1 2 | Canvas.SetZIndex(Image1, 2); Canvas.SetZIndex(Image2, 1); |
Vous avez aussi la possibilité de récupérer la proprièté ZIndex d’un element par :
1 | int image1_ZIndex = Canvas.GetZIndex(Image1) |
Comment