WPF Paneller: Canvas

Canvas panel bence otomasyonlarda pek tercih edilebilecek bir panel çeşidi değil, sebebiyse panelde sola, üste, sağa, alta konumlarından mesafe seçerek konumlandırma yapmamızdır.

    <Canvas Background="AliceBlue">         <Rectangle Canvas.Left="35" Canvas.Top="80" Height="200" Width="200" Stroke="Yellow" StrokeThickness="5" Fill="Red"/>         <Rectangle Canvas.Left="160" Canvas.Top="62" Height="200" Width="200" Stroke="Yellow" StrokeThickness="5" Fill="Blue"/>         <Rectangle Canvas.Left="272" Canvas.Top="36" Height="200" Width="200" Stroke="Yellow" StrokeThickness="5" Fill="Green"/>     </Canvas>

Ayrıca CSS’teki gibi aklımıza zindex gelsin. Zindex burada da var ortadaki nesnemizi ön plana alalım:

    <Canvas Background="AliceBlue">         <Rectangle Canvas.Left="35" Canvas.Top="80" Height="200" Width="200" Stroke="Yellow" StrokeThickness="5" Fill="Red"/>         <Rectangle Canvas.Left="160" Canvas.Top="62" Height="200" Width="200" Stroke="Yellow" StrokeThickness="5" Fill="Blue" Panel.ZIndex="1"/>         <Rectangle Canvas.Left="272" Canvas.Top="36" Height="200" Width="200" Stroke="Yellow" StrokeThickness="5" Fill="Green"/>     </Canvas>