Simple Canvas Layout : Canvas « Containers « Silverlight

Simple Canvas Layout

    

<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>
      <Button Canvas.Left="10" Canvas.Top="10">(10,10)</Button>
      <Button Canvas.Left="120" Canvas.Top="30">(120,30)</Button>
      <Button Canvas.Left="60" Canvas.Top="80" Width="50" Height="50">(60,80)</Button>
      <Button Canvas.Left="70" Canvas.Top="120" Width="100" Height="50">(70,120)</Button>
    </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.	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

Simple Canvas Layout : Canvas « Containers « Silverlight

Related examples in the same category