WPF - C# Desktop App - good way for layout, xaml

Markus Freitag 3,786

Hello,

sometimes everything is moved, sometimes inexplicably.

Is there a short instruction somewhere, when to take what and how. TextBlock, Stackpanel.

I created this dialog, all at once there were rows and columns in it, then the layout was no longer correct.
Do you have a good procedure?

Peter Fleischer (former MVP) 19,306 Reputation points

2020-07-29T18:49:42.123+00:00

Hi Markus,
I recommend first having a style guide developed by a designer and only then starting with the design of the UI.
Markus Freitag 3,786 Reputation points

2020-07-29T19:18:13.643+00:00

Yes, for simple things I have to do it myself. How do you do that, take a StackPanel, Grid. In some cases it is not clear where the zero point is and which coordinates. Then it is anchored. How do you do that Can you understand that?
Peter Fleischer (former MVP) 19,306 Reputation points

2020-07-30T04:41:43.43+00:00

Hi Markus,
please, read documentation: Panels Overview

Accepted answer

DaisyTian-1203 11,616 Reputation points

2020-07-30T06:06:12.273+00:00

It is not a good idea for you to directly use Margin to layout your layout, because Margin is positioned according to precise pixels, which is more suitable for layout adjustment. The four Numbers in Margin ="left,top,right,bottom". You should design your page layout well. I reorganized your XAML code based on the layout.
Here is my code for your layout:
Please sign in to rate this answer.

1 person found this answer helpful.
Markus Freitag 3,786 Reputation points

2020-07-30T06:22:47.307+00:00

OK,
Can you explain something else?
Why do you use 3 rows, 3 columns with * and once with 3 *

The backgrounds. Thanks.

I'm sorry to ask again.
It's strange.

I would like to have the YES button on the left and the No button on the right. Then quite easy to position. What am I doing wrong?

Peter Fleischer (former MVP) 19,306 Reputation points

2020-07-30T07:59:31.983+00:00

Hi Markus,
use Grid and dock on bottom:

<Grid VerticalAlignment="Bottom"> <Button Content="Ja" HorizontalAlignment="Left" Width="50" Margin="5"/> <Button Content="Nein" HorizontalAlignment="Right" Width="50" Margin="5"/> </Grid>

Markus Freitag 3,786 Reputation points

2020-07-30T08:07:59.747+00:00

<Grid VerticalAlignment="Bottom">

YES! and Thanks.
Sign in to comment

2 additional answers

Peter Fleischer (former MVP) 19,306 Reputation points

2020-07-30T08:43:00.17+00:00

Hi Markus,
to use different margins is not good idea. If you must change design in detail you can get many problems. The best way is to use margin only in styles.
Please sign in to rate this answer.

1 person found this answer helpful.
Markus Freitag 3,786 Reputation points

2020-07-30T09:17:06.397+00:00

Thanks for this tip!

I think that was my problem too. I couldn't see the relation.

As soon as I select, the margins are back in.
I want to place the controls from the upper left corner. How must the grid be configured?

Peter Fleischer (former MVP) 19,306 Reputation points

2020-07-30T09:52:19.533+00:00

Hi Markus,
you had accept answer. Where is your problem?

Markus Freitag 3,786 Reputation points

2020-07-30T11:48:35.777+00:00

The problem is, I did everything you said. Sounded right.
Margin global.
I correct the position slightly, immediately the margin is back in the button element.

It's just this?

I try it Grid HorizontalAlignment="Left" VerticalAlignment="Top.
I try that Grid VerticalAlignment="Bottom">

Like I said, your way sounded so good, but it doesn't work.

Sorry for the inconvenience. Can I deactivate the margin?

The picture and the rectangle is different, the height, but only in running mode, however.
The goal is.
Sign in to comment
Markus Freitag 3,786 Reputation points

2020-07-30T05:13:52.067+00:00

When I change this value margin="30,-50,500,0" F

both button both buttons are moved. For whatever reason.
Please sign in to rate this answer.

0 comments No comments
Sign in to comment

Share via

WPF - C# Desktop App - good way for layout, xaml

2 additional answers