Universal Windows® Apps with XAML and C# Unleashed

Canvas

Canvas is the most basic panel, because it supports only the “classic” notion of positioning elements with explicit coordinates. You can position elements in a Canvas by using its Left and Top properties. These properties are special attached properties that can be attached to other elements. Listing 4.1 demonstrates this, with attached property syntax seen in Chapter 1 with automation properties.

LISTING 4.1 Buttons Arranged in a Canvas

Click here to view code image

<Page ...>   <Canvas x:Name="canvas">     <Button Background="Red">Left=0, Top=0</Button>     <Button x:Name="b" Canvas.Left =" 25" Canvas.Top =" 25"             Background="Orange">Left=25, Top=25</Button>   </Canvas> </Page>

When the XAML parser encounters this Canvas.Left ...