Positioning UI Elements with a Canvas

    
<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'>
  <Canvas x:Name="LayoutRoot" Background="White">
    <TextBlock>Hi There Reader</TextBlock>
    <TextBlock Canvas.Left="20" Canvas.Top="20">Hi There</TextBlock>
    <TextBlock Canvas.Left="40" Canvas.Top="40">Silverlight</TextBlock>
    <TextBlock Canvas.Left="60" Canvas.Top="60"> Silverlight</TextBlock>
    <TextBlock Canvas.Left="80" Canvas.Top="80"> Silverlight</TextBlock>
    <TextBlock Canvas.Left="100" Canvas.Top="100"> Silverlight</TextBlock>
  </Canvas>
</UserControl>

1.	A Simple Canvas Control and Three Image Controls
2.	Use tag rather than attribute to set canvas background
3.	Add button to Canvas
4.	The Canvas.ZIndex is based on a number starting with 0 being the farthest back
5.	Create Canvas controls that contain other controls and even nest them in other Canvas or Grid controls.
6.	Nested Canvas Objects
7.	To draw a rectangle, specify its Canvas.Top, Canvas.Left, Width, Height, and Fill color
8.	A basic Canvas element
9.	A basic Canvas with some content.
10.	Simple Canvas Layout
11.	Set control position for Canvas
12.	Get position on a Canvas with Canvas.GetLeft
13.	Canvas dependant
14.	Canvas without Viewbox
15.	Adding Rectangles to Canvas
16.	Put text on Canvas
17.	Put control into a Canvas
18.	Canvas loaded event
19.	Set Canvas background to White
20.	Add Thickness for Padding

Positioning UI Elements with a Canvas : Canvas « Containers « Silverlight

Related examples in the same category