2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 x:Class="SDKSample.Window1"
5 Title="Canvas Positioning Properties">
6 <DockPanel Name="testPanel">
8 <TextBlock DockPanel.Dock="Top" FontSize="24" FontWeight="Bold">Canvas Positioning Properties Sample</TextBlock>
9 <Border Background="#f5f5dc" BorderThickness="2" BorderBrush="Black" DockPanel.Dock="Top">
10 <Canvas Name="canvas1" Height="300">
11 <TextBlock Name="text1" FontSize="14" HorizontalAlignment="Center" FontWeight="Bold" Canvas.Left="0" Canvas.Right="0" Canvas.Top="0" Canvas.Bottom="0">A TextBlock.</TextBlock>
15 <Grid DockPanel.Dock="Top" Background="White">
20 </Grid.RowDefinitions>
21 <Grid.ColumnDefinitions>
22 <ColumnDefinition Width="125"/>
23 <ColumnDefinition Width="Auto"/>
24 <ColumnDefinition Width="125"/>
25 <ColumnDefinition Width="Auto"/>
26 <ColumnDefinition Width="125"/>
27 <ColumnDefinition Width="Auto"/>
28 <ColumnDefinition Width="125"/>
29 <ColumnDefinition Width="Auto"/>
30 </Grid.ColumnDefinitions>
32 <TextBlock Grid.Row="0" FontSize="14" FontWeight="Bold" Grid.ColumnSpan="8" HorizontalAlignment="Center" Margin="0,15,0,5">Use the ListBoxes below to manipulate the Canvas positioning properties of the TextBlock element above.</TextBlock>
33 <TextBlock TextWrapping="Wrap" Grid.Row="1" Grid.Column="0" Margin="10,0,10,0">Set the Canvas.Left Property:</TextBlock>
34 <ListBox Grid.Column="1" Grid.Row="1" VerticalAlignment="Top" Width="60" Margin="10,0,0,0" SelectionChanged="ChangeLeft">
35 <ListBoxItem>Auto</ListBoxItem>
36 <ListBoxItem>10</ListBoxItem>
37 <ListBoxItem>20</ListBoxItem>
38 <ListBoxItem>30</ListBoxItem>
39 <ListBoxItem>40</ListBoxItem>
40 <ListBoxItem>50</ListBoxItem>
41 <ListBoxItem>60</ListBoxItem>
42 <ListBoxItem>70</ListBoxItem>
43 <ListBoxItem>80</ListBoxItem>
44 <ListBoxItem>90</ListBoxItem>
45 <ListBoxItem>100</ListBoxItem>
47 <TextBlock Grid.Column="0" Grid.Row="2" Margin="10,0,0,0" Name="canvasLeft"/>
49 <TextBlock TextWrapping="Wrap" Grid.Row="1" Grid.Column="2" Margin="10,0,10,0">Set the Canvas.Right Property:</TextBlock>
50 <ListBox Grid.Column="3" Grid.Row="1" VerticalAlignment="Top" Width="60" Margin="10,0,0,0" SelectionChanged="ChangeRight">
51 <ListBoxItem>Auto</ListBoxItem>
52 <ListBoxItem>10</ListBoxItem>
53 <ListBoxItem>20</ListBoxItem>
54 <ListBoxItem>30</ListBoxItem>
55 <ListBoxItem>40</ListBoxItem>
56 <ListBoxItem>50</ListBoxItem>
57 <ListBoxItem>60</ListBoxItem>
58 <ListBoxItem>70</ListBoxItem>
59 <ListBoxItem>80</ListBoxItem>
60 <ListBoxItem>90</ListBoxItem>
61 <ListBoxItem>100</ListBoxItem>
63 <TextBlock Grid.Column="2" Grid.Row="2" Margin="10,0,0,0" Name="canvasRight"/>
65 <TextBlock TextWrapping="Wrap" Grid.Row="1" Grid.Column="4" Margin="10,0,10,0">Set the Canvas.Top Property:</TextBlock>
66 <ListBox Grid.Column="5" Grid.Row="1" VerticalAlignment="Top" Width="60" Margin="10,0,0,0" SelectionChanged="ChangeTop">
67 <ListBoxItem>Auto</ListBoxItem>
68 <ListBoxItem>10</ListBoxItem>
69 <ListBoxItem>20</ListBoxItem>
70 <ListBoxItem>30</ListBoxItem>
71 <ListBoxItem>40</ListBoxItem>
72 <ListBoxItem>50</ListBoxItem>
73 <ListBoxItem>60</ListBoxItem>
74 <ListBoxItem>70</ListBoxItem>
75 <ListBoxItem>80</ListBoxItem>
76 <ListBoxItem>90</ListBoxItem>
77 <ListBoxItem>100</ListBoxItem>
79 <TextBlock Grid.Column="4" Grid.Row="2" Margin="10,0,0,0" Name="canvasTop"/>
81 <TextBlock TextWrapping="Wrap" Grid.Row="1" Grid.Column="6" Margin="10,0,10,0">Set the Canvas.Bottom Property:</TextBlock>
82 <ListBox Grid.Column="7" Grid.Row="1" VerticalAlignment="Top" Width="60" Margin="10,0,0,0" SelectionChanged="ChangeBottom">
83 <ListBoxItem>Auto</ListBoxItem>
84 <ListBoxItem>10</ListBoxItem>
85 <ListBoxItem>20</ListBoxItem>
86 <ListBoxItem>30</ListBoxItem>
87 <ListBoxItem>40</ListBoxItem>
88 <ListBoxItem>50</ListBoxItem>
89 <ListBoxItem>60</ListBoxItem>
90 <ListBoxItem>70</ListBoxItem>
91 <ListBoxItem>80</ListBoxItem>
92 <ListBoxItem>90</ListBoxItem>
93 <ListBoxItem>100</ListBoxItem>
95 <TextBlock Grid.Column="6" Grid.Row="2" Margin="10,0,0,0" Name="canvasBottom"/>