Place and size rectangles and ellipses in Grid cells : Grid « Windows Presentation Foundation « C# / C Sharp






  1. C# / C Sharp
  2. Windows Presentation Foundation
  3. Grid

Place and size rectangles and ellipses in Grid cells

Place and size rectangles and ellipses in Grid cells
        


<Window x:Class="PlaceShapes"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Place Shapes" Height="300" Width="360">
  <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>
</Window>








Related examples in the same category

1.GridSplitter ExampleGridSplitter Example
2.GridSplitter as Entire Column or RowGridSplitter as Entire Column or Row
3.ColumnDefinition.Width=AutoColumnDefinition.Width=Auto
4.ColumnDefinition.Width=*ColumnDefinition.Width=*
5.Grid With SplitterGrid With Splitter
6.Bind to Grid Width and HeightBind to Grid Width and Height
7.Simple Grid.xamlSimple Grid.xaml
8.Use Grid to layout a CalendarUse Grid to layout a Calendar
9.Grid with Rectangle and GeometryDrawingGrid with Rectangle and GeometryDrawing
10.Set Grid Row and Column for a ButtonSet Grid Row and Column for a Button
11.Arrange UI Elements in a GridArrange UI Elements in a Grid
12.Grid with Column Definition and Row definitionGrid with Column Definition and Row definition
13.Align Ellipses along with GridAlign Ellipses along with Grid
14.Use GridSplitterUse GridSplitter
15.Define rows / columns for GridDefine rows / columns for Grid
16.Using Grid.ColumnSpanUsing Grid.ColumnSpan
17.Set Grid Row Height and Column Width to AutoSet Grid Row Height and Column Width to Auto
18.Mixing row height stylesMixing row height styles
19.Show Grid LinesShow Grid Lines
20.Multiple Items in a Grid CellMultiple Items in a Grid Cell
21.Grid in ScrollViewerGrid in ScrollViewer
22.Margin vs Padding and GridMargin vs Padding and Grid
23.Without Panel.ZIndexWithout Panel.ZIndex
24.Panel.ZIndexPanel.ZIndex
25.Stretched GridSplitterStretched GridSplitter
26.Window with GridWindow with Grid
27.Arrange the children for GridArrange the children for Grid
28.Set Row Height and column Width for GridSet Row Height and column Width for Grid
29.Set Row and Column Index when Adding Buttons to GridSet Row and Column Index when Adding Buttons to Grid
30.Put more than one Object to one Grid CellPut more than one Object to one Grid Cell
31.Set Column and Row index when adding Controls to a GridSet Column and Row index when adding Controls to a Grid
32.Nested GridNested Grid
33.Shared Size GroupShared Size Group
34.Empty RowDefinition and ColumnDefinitionEmpty RowDefinition and ColumnDefinition
35.Grid Splitter and AlignmentGrid Splitter and Alignment
36.Use the Grid element to create a standard user interface (UI) dialog box.Use the Grid element to create a standard user interface (UI) dialog box.
37.Use Image as the Grid backgroundUse Image as the Grid background
38.Automatic Width and HeightAutomatic Width and Height
39.Grid with SharedSizeGroupGrid with SharedSizeGroup
40.Layout a Form with StackPanel and GridLayout a Form with StackPanel and Grid
41.Clear All ColumnsClear All Columns
42.Clear All RowsClear All Rows
43.Remove One ColumnRemove One Column
44.Remove One RowRemove One Row
45.The current number of ColumnsThe current number of Columns
46.The current number of RowsThe current number of Rows
47.Remove 5 Columns with ColumnDefinitions.RemoveRangeRemove 5 Columns with ColumnDefinitions.RemoveRange
48.Remove 5 Row with RowDefinitions.RemoveRangeRemove 5 Row with RowDefinitions.RemoveRange
49.Contains RowContains Row
50.Contains Column?Contains Column?
51.Insert RowInsert Row
52.Insert ColumnInsert Column
53.Is Grid ReadOnlyIs Grid ReadOnly
54.Grid mouse down eventGrid mouse down event
55.Grid Preview mouse down eventGrid Preview mouse down event
56.Setting Grid row heights in codeSetting Grid row heights in code
57.Layout Controls with Grid in codeLayout Controls with Grid in code
58.Set control to specific row and column in codeSet control to specific row and column in code
59.Show Grid lines in codeShow Grid lines in code
60.Programmatically use the positioning methods of GridProgrammatically use the positioning methods of Grid
61.Add a ColumnDefinition to GridAdd a ColumnDefinition to Grid
62.Add a RowDefinition to GridAdd a RowDefinition to Grid
63.Grid PreviewMouseDown action and MouseDown actionGrid PreviewMouseDown action and MouseDown action
64.Grid MouseLeftButtonDown action and PreviewMouseLeftButtonDown actionGrid MouseLeftButtonDown action and PreviewMouseLeftButtonDown action