Set control position for 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 Name="canvas1">
    </Canvas>
</UserControl>

//File:Window.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace SilverlightApplication3
{
  public partial class MainPage : UserControl
  {
        Button button1 = null;
        Button button2 = null;
        Button button3 = null;

        public MainPage()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            button1 = new Button { Content = "Button", Width = 70, Height = 23 };
            Canvas.SetLeft(button1, 119);
            Canvas.SetTop(button1, 24);
            canvas1.Children.Add(button1);
            button2 = new Button { Content = "Wider" };
            Canvas.SetLeft(button2, 44);
            Canvas.SetTop(button2, 69);
            canvas1.Children.Add(button2);
            button3 = new Button { Content = "Button" };
            Canvas.SetLeft(button3, 78);
            Canvas.SetTop(button3, 119);
            button3.Padding = new Thickness(10, 2, 10, 2);
            canvas1.Children.Add(button3);
        }
    }
}

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.	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

Set control position for Canvas : Canvas « Containers « Silverlight

Related examples in the same category