Place and size rectangles and ellipses in Grid cells

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>

  <Grid ShowGridLines="True">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition />
      <RowDefinition />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="Auto" />
      <ColumnDefinition />
      <ColumnDefinition />
      <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Column="0" Grid.Row="1" Text="Rectagle"
      Margin="5" />
    <TextBlock Grid.Column="0" Grid.Row="2" Text="Ellipse"
      Margin="5" />
    <TextBlock Grid.Column="1" Grid.Row="0" Text="Fill"
      TextAlignment="Center" Margin="5" />
    <TextBlock Grid.Column="2" Grid.Row="0" Text="Uniform"
      TextAlignment="Center" Margin="5" />
    <TextBlock Grid.Column="3" Grid.Row="0" Text="UniformToFill"
      TextAlignment="Center" Margin="5" />
    <Rectangle Grid.Column="1" Grid.Row="1" Fill="Red"
      Stroke="Black" Stretch="Fill" Margin="5" />
    <Rectangle Grid.Column="2" Grid.Row="1" Fill="LightGray"
      Stroke="Black" Stretch="Uniform" Margin="5" />
    <Rectangle Grid.Column="3" Grid.Row="1" Fill="LightGray"
      Stroke="Black" Stretch="UniformToFill" Margin="5" />
    <Ellipse Grid.Column="1" Grid.Row="2" Fill="LightGray"
      Stroke="Black" Stretch="Fill" Margin="5" />
    <Ellipse Grid.Column="2" Grid.Row="2" Fill="LightGray"
      Stroke="Black" Stretch="Uniform" Margin="5" />
    <Ellipse Grid.Column="3" Grid.Row="2" Fill="LightGray"
      Stroke="Black" Stretch="UniformToFill" Margin="5" />
  </Grid>
</UserControl>

Related examples in the same category

1.	Positioning UI Elements with a Grid
2.	A Simple Grid Control
3.	Span two rows and two columns with an Image control
4.	Implementing a Grid to Set the Layout of Silverlight Controls
5.	Grid example
6.	ColumnSpan example
7.	Grid example 2* row and column definitions
8.	Use Grid to layout a Calendar
9.	Set Grid Row and Column for a Button
10.	Grid with Column Definition and Row definition
11.	Define rows / columns for Grid
12.	Using Grid.ColumnSpan
13.	Set Grid Row Height and Column Width to Auto
14.	Mixing row height styles
15.	Show Grid Lines
16.	Multiple Items in a Grid Cell
17.	Grid in ScrollViewer
18.	Margin vs Padding and Grid
19.	ColumnDefinition.Width=Auto
20.	Bind to Grid Width and Height
21.	Set Row and Column Index when Adding Buttons to Grid
22.	Put more than one Object to one Grid Cell
23.	Set Column and Row index when adding Controls to a Grid
24.	Empty RowDefinition and ColumnDefinition
25.	Use the Grid element to create a standard user interface (UI) dialog box.
26.	Use Image as the Grid background
27.	Automatic Width and Height
28.	Layout Controls with Grid in code
29.	Set control to specific row and column in code
30.	Show Grid lines in code
31.	A basic Grid using star sizing.
32.	A basic Grid using auto sizing
33.	The basic syntax of a Grid
34.	Arranging content within a Grid
35.	Proportional Grid
36.	Nested Grids
37.	Grid cell stretch mode
38.	Programmatically adding a row and a column while setting the height and width
39.	Programmatically removing a row and a column
40.	The basic syntax and usage of a GridSplitter
41.	Star sizing Grid
42.	Grid mouse button up event

Place and size rectangles and ellipses in Grid cells : Grid « Containers « Silverlight

Related examples in the same category