WPF Scaling

Ian Davies 1

Hi All

I already have written an application for my work using visual basic windows forms. I would now like to upgrade it to a WPF in CSharp. Although I have got to grips with the design and code I am having trouble with the scaling. It needs to run on both a laptop and also a Microsoft Surface Pro Tablet. Both are running the same screen resolution 1920x1080 and I have set the WPF window size to this but on the tablet its not showing properly with the bottom getting cut off.

If anyone has any suggestions on how I can fix this I would be very grateful.

Many thanks in advance.

DaisyTian-1203 11,621

Could you try to add the below code in the window.cs to check if it is work?

this.Height = SystemParameters.WorkArea.Height;
this.Width = SystemParameters.WorkArea.Width;
this.Top = SystemParameters.WorkArea.Top;
 this.Left = SystemParameters.WorkArea.Left;

Andy ONeill 361 Reputation points

2020-08-30T13:33:32.267+00:00

If you drag controls around onto the designer you're positioning them using absolute values for margins. This will produce the effect you describe and is hence bad practice for any app you distribute.

Layout should be achieved using a grid with proportional sized rows and columns. Use the * measure.
Within the resulting cells you can use the likes of stackpanels or listbox for repeated sets of controls.
Ensure any margins are small. As a rule if thumb 1-9 px is fine. 10+ should be carefully considered. 50+ is likely bad.

Add controls by typing in the xaml.

Avoid fixed sizes on most controls and let them fill their cell. This way as the window resizes your controls change size and flow.
Min and max sizes may be used. But don't overdo them or you'll spend forever on just getting the layout working.

It's common to start a commercial app maximised.
The controls flow and the app still has everything visible and working on different display settings.

Share via

WPF Scaling