SELFPHP Produktempfehlung
Windows Server 2008	SQL Server 2008	Microsoft Expression

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<Grid.RowDefinitions>
<RowDefinition Height="O.381*"/>
<RowDefinition Height="O.619*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="O.363*"/>
<ColumnDefinition Width="O.637*"/>
</Grid.ColumnDefinitions>
</Grid>

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!

1. 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
   

   <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
   <Grid.RowDefinitions>
   <RowDefinition Height="50"/>
   <RowDefinition Height="Auto"/>
   </Grid.RowDefinitions>
   <Grid.ColumnDefinitions>
   <ColumnDefinition Width="O.2"/>
   <ColumnDefinition Width="O.8"/>
   </Grid.ColumnDefinitions>
   </Grid>
   

2. 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.
3. 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
   
   

Copyright © 2010 Microsoft Deutschland GmbH Alle Rechte vorbehalten.