How to: Create and Use a Canvas

 

This example shows how to create and use an instance of Canvas.

The following example explicitly positions two TextBlock elements by using the SetTop and SetLeft methods of Canvas. The example also assigns a Background color of LightSteelBlue to the Canvas.

System_CAPS_ICON_note.jpg Note

When you use Extensible Application Markup Language (XAML) to position TextBlock elements, use the Top and Left properties.

            WindowTitle = "Canvas Sample"
            'Create a Canvas as the root Panel
            Dim myCanvas As New Canvas()
            myCanvas.Background = Brushes.LightSteelBlue

            Dim txt1 As New TextBlock
            txt1.FontSize = 14
            txt1.Text = "Hello World!"
            Canvas.SetLeft(txt1, 10)
            Canvas.SetTop(txt1, 100)
            myCanvas.Children.Add(txt1)

            'Add a second text element to show how absolute positioning works in a Canvas
            Dim txt2 As New TextBlock
            txt2.FontSize = 22
            txt2.Text = "Isn't absolute positioning handy?"
            Canvas.SetLeft(txt2, 75)
            Canvas.SetTop(txt2, 200)
            myCanvas.Children.Add(txt2)
            Me.Content = myCanvas

Canvas
TextBlock
SetTop
SetLeft
Top
Left
Panels Overview
How-to Topics

Show: