Wenn Sie die Breiten und Höhen von Spalten und Zeilen eines Grids
einstellen, sollten Sie dies direkt im XAML-Quelltext tun. Sie können zwar
auch auf der Zeichenfläche die einzelnen sogenannten Divider anwählen
und dann die Breite bzw. Höhe im Eigenschaftenpanel einstellen. Sie
werden aber schnell feststellen, dass der Divider immer den Wert der ihm
folgenden Spalte bzw. Zeile wiedergibt. Und das macht das Einstellen
der ersten Spalte bzw. Zeile über die Oberfläche von Expression Blend zu
einem wirklichen Problem, denn Sie können sie nicht auswählen!
In diesem Beispiel setzen wir die erste Zeile auf exakt 50 Pixel
fest, die zweite Zeile dehnt sich über den Rest des zur Verfügung
stehenden Platzes. Der ersten Spalte lassen wir ein Fünftel der
verfügbaren Breite, die zweite erhält die restlichen vier Fünftel.
Den entsprechenden Quelltext finden Sie in Listing 3.5.
Listing 3.5: Exakte Aufteilung eines Grids in XAML
Um nun ein Element innerhalb dieses Grids zu positionieren,
doppelklicken Sie auf das Symbol für den Button in der Werkzeugpalette.
Achten Sie darauf, dass das Grid nach wie vor aktiv
selektiert ist, also mit gelber Umrandung unter Objekte und
Zeitachsen angezeigt wird. Sollte dies nicht der Fall sein, doppelklicken
Sie vor Einfügen des Buttons auf das Grid im Bereich
Objekte und Zeitachsen. Der Button wird automatisch mit Standardeigenschaften
in das Grid eingefügt. Und zwar mit Ausrichtung
links oben und einer Beschriftung, die Button lautet. Zu
sehen ist der Button oben links im Grid.
Versetzen Sie den Button in die zweite Spalte und zweite Zeile,
indern Sie im Eigenschaftenpanel für Row und Column jeweils
1 eingeben. Bedenken Sie, dass die Zählung bei 0 beginnt! Der
Button ist nun exakt positioniert (siehe Abbildung 3.11).
Abbildung 3.11: Ein in
einem Grid positionierter
Button