How to change location of Canvas element in WPF?

Question

1.00/5 (1 vote)

See more:

The next code always centers the Canvas element i create.
But my goal is to set my own location, for example, 0,0.

C#

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        Canvas canvas = new Canvas();
        canvas.Height = 100;
        canvas.Width = 100;
        canvas.Background = Brushes.Black;

        Canvas.SetTop(canvas, 0);
        Canvas.SetLeft(canvas, 0);

        this.Content = canvas;
    }
}

Notes:
If you write a code of doing it, please do it in C#, not XAML.

The next code sets location to Left, Top.
But my goal is to define exact location.
How to define exact location like axb?

C#

public MainWindow()
{
    InitializeComponent();

    Canvas canvas = new Canvas();
    canvas.Height = 100;
    canvas.Width = 100;
    canvas.Background = Brushes.Black;

    canvas.HorizontalAlignment = System.Windows.HorizontalAlignment.Left;
    canvas.VerticalAlignment = System.Windows.VerticalAlignment.Top;

    Canvas.SetTop(canvas, 20);  // doesn't work(
    Canvas.SetLeft(canvas, 20); // doesn't work(
    this.Content = canvas;
}

Posted 17-Apr-15 22:38pm

Ziya1995

Updated 18-Apr-15 0:20am

v6

Add a Solution

2 solutions

Solution 1

Normally I'd use Canvas.SetTop, and Canvas.SetLEft and fill in the appropriate values:
Canvas.SetLeft(UIElement,Pos)

But in a element you should set the VerticalAlignment and HorizontalAlignment to place it at the appropriate place. But You should look into Grid and Stackpanels and place the canvas there instead.

Posted 17-Apr-15 23:11pm

Kenneth Haugland

Updated 17-Apr-15 23:41pm

v3

Comments

Ziya1995 18-Apr-15 5:28am

> Normally I'd use Canvas.SetTop, and Canvas.SetLEft
It doesn't work, i updated the question.

> But where do you place the Canvas then?
I don't modificate WPF app, this is MainWindow.

> If its on a stackpanel it would always center it
Now can you answer? I see 3 options:
1. It is impossible to set location on MainWindow (this).
2. It is possible, you can do it in the next way...

if it is possible, please write a code itself to finish the thread.
At the moment the question is unanswered.

Kenneth Haugland 18-Apr-15 5:33am

Ziya1995 18-Apr-15 6:21am

It worked, but not enough.

It sets location to Left, Top.
But my goal is to define exact location.
How to define exact location like axb?

I updated the question.

Kenneth Haugland 18-Apr-15 6:38am

Yes, but if you place it in a grid, you can use column and row definitions and place it where you want.

And BTW: Knowing how to use XAML is a must in WPF xD

You can set MArgin property to place it where you want

Ziya1995 18-Apr-15 6:46am

Solution is Margin.
Solved.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ziya1995 · Accepted Answer · 2015-04-18T00:45:00

Solution is Margin[^]:

C#

public MainWindow()
{
    InitializeComponent();

    Canvas canvas = new Canvas();

    canvas.Height = 100;
    canvas.Width = 100;

    canvas.Background = Brushes.Black;

    canvas.HorizontalAlignment = System.Windows.HorizontalAlignment.Left;
    canvas.VerticalAlignment = System.Windows.VerticalAlignment.Top;
    canvas.Margin = new Thickness(10, 10, 50, 50);

    this.Content = canvas;
}