20.2 Canvas

Dieser Container ist vielleicht der simpelste aller Layoutcontainer. Mit ihm lassen sich die darin enthaltenen Steuerelemente beliebig anordnen. Die Positionierung erfolgt in einem kartesischen X-Y-Koordinatensystem. Canvas stellt dazu allen darin enthaltenen Komponenten die Eigenschaften Left, Right, Top und Bottom zur Verfügung.

Sind sowohl Left als auch Right gesetzt, wird nur der Wert von Left verwendet. Analog hat beim Paar Top und Bottom die Eigenschaft Top Priorität. Die Abmessungen ändern sich nicht durch die Angabe gegenüberliegender Ränder, siehe den in Abbildung 20.1 gezeigten Button1 des folgenden Beispiels.

Die Steuerelemente im Container werden in der Reihenfolge aufgebaut, die in der XAML-Datei angegeben ist. Bei Überschneidungen »gewinnt« also die letzte Komponente.

<Canvas> 
   <Button Canvas.Left="25" Canvas.Right="35" 
           Height="30">Button1</Button> 
   <Button Canvas.Left="55" Canvas.Top="50" 
           Height="30" Width="80">Button2</Button> 
   <Button Canvas.Right="55" Canvas.Bottom="50" 
           Height="30" Width="80">Button3</Button> 
 </Canvas> 
</Window>

Abbildung 20.1 Button-Anordnung in einem Canvas

Ihre Meinung

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.