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






Positioning UI Elements with a Canvas

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>

   
    
    
    
  








Related examples in the same category

1.A Simple Canvas Control and Three Image ControlsA Simple Canvas Control and Three Image Controls
2.Use tag rather than attribute to set canvas background
3.Add button to CanvasAdd button to Canvas
4.The Canvas.ZIndex is based on a number starting with 0 being the farthest backThe 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.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 colorTo draw a rectangle, specify its Canvas.Top, Canvas.Left, Width, Height, and Fill color
8.A basic Canvas elementA basic Canvas element
9.A basic Canvas with some content.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 dependantCanvas dependant
14.Canvas without Viewbox
15.Adding Rectangles to CanvasAdding Rectangles to Canvas
16.Put text on CanvasPut text on Canvas
17.Put control into a CanvasPut control into a Canvas
18.Canvas loaded eventCanvas loaded event
19.Set Canvas background to WhiteSet Canvas background to White
20.Add Thickness for Padding