Teil von  SELFPHP
Professional CronJob-Service

Suche

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: SELFPHP Forum ::

Fragen rund um die Themen PHP?
In über 130.000 Beiträgen finden Sie sicher die passende Antwort!  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 
 
Grundlagen von Expression Blend

Abbildung 3.10: Setzen der Zeilen und Spalten eines Grids



Listing 3.4: Die Aufteilung eines Grids in zwei Spalten und zwei Zeilen aus XAML-Sicht

<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



Seite 6 von 17 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17



Copyright © 2010
Microsoft Deutschland GmbH
Alle Rechte vorbehalten.

 Microsoft Deutschland GmbH
 




:: Premium-Partner ::

Webhosting/Serverlösungen

PSW GROUP GmbH & Co. KG weitere Premium-Partner
 

:: SELFPHP Sponsor ::

Kaspersky Labs GmbH weitere Sponsoren
 


:: Buchempfehlung ::

Handbuch der Java-Programmierung

Handbuch der Java-Programmierung zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Webhosting/Serverlösungen

Suchen Sie den für Sie passenden IT-Dienstleister für Ihr Webhosting-Paket oder Ihre Serverlösung?

Sie sind nur ein paar Klicks davon entfernt!


 

Ausgewählter Tipp im Bereich PHP-Skripte


Zyklische Redundanzprüfung (CRC)

Weitere interessante Beispiele aus dem SELFPHP Kochbuch finden Sie im Bereich PHP-Skripte
 

SELFPHP Code Snippet


Aktuelles Datum in einem Kalender hervorheben (CSS-Layout)

Weitere interessante Code Snippets finden Sie auf SELFPHP im Bereich PHP Code Snippets
 
© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt