Get position on a Canvas with Canvas.GetLeft

    


<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 Width="100" Height="100" Name="myCanvasStretch">
    <TextBox Name="changes" 
         Width="{Binding ElementName=myCanvasStretch,Path=Width}"  
         Height="{Binding ElementName=myCanvasStretch,Path=Height}" 
         Text="Size: 100, 100"/>
    <Thumb Name="myThumb" Canvas.Left="80" Canvas.Top="80" Background="Blue" 
          Width="20" Height="20" DragDelta="onDragDelta"/>
  </Canvas>
</UserControl>


//File:Window.xaml.cs

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Documents;

using System.Windows.Shapes;
using System.Windows.Data;
using System.Windows.Media;

namespace SilverlightApplication3
{
  public partial class MainPage : UserControl
  {
        void onDragDelta(object sender, DragDeltaEventArgs e)
        {
            double yadjust = myCanvasStretch.Height + e.VerticalChange;
            double xadjust = myCanvasStretch.Width + e.HorizontalChange;
            if ((xadjust >= 0) && (yadjust >= 0))
            {
                myCanvasStretch.Width = xadjust;
                myCanvasStretch.Height = yadjust;
                Canvas.SetLeft(myThumb, Canvas.GetLeft(myThumb) + e.HorizontalChange);
                Canvas.SetTop(myThumb, Canvas.GetTop(myThumb) + e.VerticalChange);
                Console.WriteLine(myCanvasStretch.Width);
                Console.WriteLine(myCanvasStretch.Height);
            }
        }

    }
}

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

Get position on a Canvas with Canvas.GetLeft : Canvas « Containers « Silverlight

Related examples in the same category