Adding Rectangles to 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" >
    <Rectangle Height="170" 
               Width="263" 
               Fill="#FF515151" 
               Stroke="#FF000000" 
               RadiusY="18" 
               RadiusX="18" 
               Canvas.Top="65" 
               Canvas.Left="64" x:Name="panel1"/>
               
    <Rectangle Height="170" 
               Width="263" 
               RadiusX="18" 
               RadiusY="18" 
               Fill="#FFA9A9A9" 
               Stroke="#FF000000" 
               Canvas.Left="373" 
               Canvas.Top="325" x:Name="panel2"/>
  </Canvas>
</UserControl>

1.	Positioning UI Elements with a Canvas
2.	A Simple Canvas Control and Three Image Controls
3.	Use tag rather than attribute to set canvas background
4.	Add button to Canvas
5.	The Canvas.ZIndex is based on a number starting with 0 being the farthest back
6.	Create Canvas controls that contain other controls and even nest them in other Canvas or Grid controls.
7.	Nested Canvas Objects
8.	To draw a rectangle, specify its Canvas.Top, Canvas.Left, Width, Height, and Fill color
9.	A basic Canvas element
10.	A basic Canvas with some content.
11.	Simple Canvas Layout
12.	Set control position for Canvas
13.	Get position on a Canvas with Canvas.GetLeft
14.	Canvas dependant
15.	Canvas without Viewbox
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

Adding Rectangles to Canvas : Canvas « Containers « Silverlight

Related examples in the same category