Mit dem durch CSS3 eingeführtem Grid Layout lassen sich Elemente in einem Raster (ähnlich einer Tabelle) anordnen. Die Gestaltungsmöglichkeiten eines Grid Layouts sind sehr reichhaltig, weshalb ich mit dem Aufbau eines einfachen Beispiels beginnen möchte.
Grid Layout mit CSS3 weiterlesen
Schlagwort: Grid
Rectangle mit verschiedenen Hintergründen
Kacheln und Rechtecke sind zentrale Design-Elemente in Windows Phone 7. In diesem Beitrag möchte ich zeigen, wie man ganz leicht ein Rechteck erstellen und mit einem Hintergrund (einfarbig oder Bild) ausstatten kann.
Rectangle mit verschiedenen Hintergründen weiterlesen
Verwendung eines Grid-Layouts mit XAML
Das folgende Beispiel zeigt ein einfaches Grid-Layout mit zwei Spalten (columns) und zwei Zeilen (rows). Die Breiten -und Höhenangaben können fix in Pixel gemacht werden (Bsp. Width="400") oder relativ mit Prozentangaben (Bsp. Width="5*" für 50%) oder automatisch an die Größe des Inhalts angepasst werden (Bsp. Width="Auto").
Verwendung eines Grid-Layouts mit XAML weiterlesen