{"id":5502,"date":"2023-11-19T01:13:28","date_gmt":"2023-11-19T00:13:28","guid":{"rendered":"https:\/\/eskerahn.dk\/?p=5502"},"modified":"2024-05-14T11:47:03","modified_gmt":"2024-05-14T09:47:03","slug":"the-easy-way-to-make-a-net-8-0-winforms-app-per-monitor-dpi-aware","status":"publish","type":"post","link":"https:\/\/eskerahn.dk\/?p=5502","title":{"rendered":"The EASY way to make a .Net 8.0 WinForms app per monitor DPI aware"},"content":{"rendered":"

As posted in a rather old post,<\/a> many apps have problems with windows scaling.<\/p>\n

See these screen-dumps from Windows lengthy guide that was found here<\/a><\/p>\n

\"\"<\/a><\/p>\n

With previous versions of .Net Framework<\/strong> this have been somewhat cumbersome, see my post here<\/a>.<\/p>\n

But with .Net 8.0 WinForms (well also 7.0 and 6.0), and Windows 11 (or newer 10), it is now fairly simple, as long as you follow a few rules, that can be relatively easy applied copying existing Framework projects. I experimented with VS 17.8 on Win 11 23H2.<\/p>\n

<\/p>\n

Below I have used C#, but not limited to that.<\/p>\n

Guide creating a NEW<\/span> .net 8.0 WinForm App<\/h2>\n

1)<\/h3>\n

In the outer program.cs, be sure it calls<\/p>\n

ApplicationConfiguration.Initialize();<\/strong><\/p>\n

BEFORE<\/p>\n

Application.Run(new Form1());<\/p>\n

(A new .net 8.0 WinForm project has this as default)<\/p>\n

 <\/p>\n

2)<\/h3>\n

You would need a project file similar to this with settings used by the ApplicationConfiguration.Initialize()<\/em><\/p>\n

<Project Sdk=”Microsoft.NET.Sdk”><\/p>\n

<PropertyGroup>
\n<OutputType>WinExe<\/OutputType>
\n<TargetFramework>net8.0-windows<\/strong><\/TargetFramework>
\n<Nullable>enable<\/Nullable>
\n<UseWindowsForms>true<\/strong><\/UseWindowsForms><\/p>\n

<ApplicationHighDpiMode>PerMonitorV2<\/strong><\/ApplicationHighDpiMode>
\n<!– https:\/\/learn.microsoft.com\/en-us\/dotnet\/desktop\/winforms\/whats-new\/net60?view=netdesktop-6.0#project-level-application-settings –><\/p>\n

<\/PropertyGroup><\/p><\/blockquote>\n

<\/Project>
\nThe other settings in the link, are not important for the scaling.<\/p>\n

3)<\/h3>\n

To get ListBoxes, CheckBoxes<\/strong> et cetera to work, a little trick<\/strong> is needed, as they are (still) not properly supported, as the bottom of any list creeps up, moving back and forth between monitors, ignoring any anchor(!), the bug originates in that they want to keep the height an integral multiple of the item height, and by a bug<\/strong> do not handle rounding issues.<\/p>\n

Fix: Place<\/strong> each and every bottom-anchored list-control in<\/strong> its own dummy Panel<\/strong> and use DockStyle.Fill<\/strong> for the list-control filling the panel, as fill overrules the creeping! And they DO support that the panels themselves can<\/em> be either docked or anchored as you please….<\/p>\n

(Obviously if the list is already filling a control, say a split-panel, there is no need for an extra panel, just make sure it uses DockStyle.Fill and not just anchors)<\/p>\n

That is really all there is to it… AFAIK
\n<\/strong><\/p>\n

There might<\/em> be other limitations that needs workarounds. If you encounter any types not mentioned, please comment<\/strong>.<\/p>\n

 <\/p>\n

Here the trick applied to the right list only:<\/p>\n

Here the left bottom anchored list is placed directly in a split panel. (the right one in a dummy panel).
\nIf I put the list-box directly on the native form, it collapses completely(!) on the first return to 100% making it totally<\/em> useless, in a container it is faulty but not entirely useless…. And with the extra panel, it works!<\/p>\n

Here the source if you would like to experiment: WinFormsAppCreepingListOnRescale_workaround<\/a><\/p>\n

You perhaps noticed that the window certainly isn’t 125% scaled above. It is 114% \u00d7 133%.\u00a0 Selecting 350% gave 335% \u00d7 382%.
\nBut that is a more general and unrelated Windows scaling bug, out of scope here…<\/p>\n

 <\/p>\n

\n

Guide in upgrading an EXISTING<\/span> .Net Framework 4.8 app<\/h2>\n

Start a new .Net 8.0 WinForms project.<\/p>\n

Close VS, copy all your code files in, be careful on program.cs. (Avoid .vs<\/em>, bin<\/em> and obj dirs<\/em>, and the xxxx<\/span>.sln<\/em>, xxxx<\/span>.csproj<\/em> and xxxx.<\/span>csproj.user<\/em> files)
\n(if your program.cs is standard, ignore it. If it your code in, then just make sure to add the initialisation-line as in the NEW project above, before creating any form)<\/p>\n

Note<\/strong> that the below fix MIGHT only be needed if the parent control is a Horizontal splitContainer<\/strong>, I’m not sure though, if other controls can cause the same issue..<\/p>\n

The fix can be done either by UI or by code<\/p>\n

Method 1, by VS UI<\/h3>\n
    \n
  1. Repeat the below steps for all list-type controls, for all forms in your project…<\/li>\n
  2. If the list is already filling a control, say a split-panel, just make sure<\/strong> it uses DockStyle.Fill<\/strong> and not just anchors. And continue to next list<\/li>\n
  3. Else note the alignments (or size and position) and any anchors of the list-control.<\/li>\n
  4. Shrink the list substantially (to less than 50%, both directions).<\/li>\n
  5. Add a dummy panel large enough to contain the list in current reduced size.<\/li>\n
  6. Move the shrunken list into the panel.<\/li>\n
  7. Adjust the panel-size to match the size&position of the original list, this is fairly easy in the normal case where it was aligned with something.<\/li>\n
  8. Apply the new panel the same anchors as the list had.<\/li>\n
  9. Select the list, and select Dock<\/strong> = Fill<\/strong>, filling the whole new panel.<\/li>\n<\/ol>\n

    <\/h3>\n

    Method 2, pure code<\/h3>\n

    Doing it codewise may look hard, but if you got a large project you might want to make something that automates this, rather than doing it in the UI<\/p>\n

    For each form-designer file do the following:<\/p>\n

    For each list type object, replace code lik below (I did it in the designer, here the resulting difference…)<\/p>\n

    replace<\/p>\n

    \r\n    this.checkedListBoxSaved = new System.Windows.Forms.CheckedListBox();\r\n<\/pre>\n
    with<\/p>\n
    \r\n    checkedListBoxSaved = new CheckedListBox();\r\n    panelSavedList = new Panel();\r\n    panelSavedList.SuspendLayout();\r\n<\/pre>\n
    and add the panel with the anchors and dimensions from the lits, and changethe list position, and mark it Dock.Fill<\/p>\n
    \r\n    \/\/ \r\n    \/\/ checkedListBoxSaved\r\n    \/\/ \r\n    this.checkedListBoxSaved.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top\r\n    | System.Windows.Forms.AnchorStyles.Bottom) \r\n    | System.Windows.Forms.AnchorStyles.Left) \r\n    | System.Windows.Forms.AnchorStyles.Right)));\r\n    this.checkedListBoxSaved.FormattingEnabled = true;\r\n    this.checkedListBoxSaved.HorizontalScrollbar = true;\r\n    this.checkedListBoxSaved.Location = new System.Drawing.Point(69, 58);\r\n    this.checkedListBoxSaved.Margin = new System.Windows.Forms.Padding(3, 0, 3, 0);\r\n    this.checkedListBoxSaved.Name = "checkedListBoxSaved";\r\n    this.checkedListBoxSaved.Size = new System.Drawing.Size(622, 94);\r\n    this.checkedListBoxSaved.TabIndex = 6;\r\n<\/pre>\n
    with<\/p>\n
    \r\n    \/\/ \r\n    \/\/ checkedListBoxSaved\r\n    \/\/ \r\n    checkedListBoxSaved.Dock = DockStyle.Fill;\r\n    checkedListBoxSaved.FormattingEnabled = true;\r\n    checkedListBoxSaved.HorizontalScrollbar = true;\r\n    checkedListBoxSaved.Location = new Point(0, 0);\r\n    checkedListBoxSaved.Margin = new Padding(3, 0, 3, 0);\r\n    checkedListBoxSaved.Name = "checkedListBoxSaved";\r\n    checkedListBoxSaved.Size = new Size(616, 130);\r\n    checkedListBoxSaved.TabIndex = 6;\r\n    \/\/ \r\n    \/\/ panelSavedList\r\n    \/\/ \r\n    panelSavedList.Anchor = AnchorStyles.Top | AnchorStyles.Bottom | AnchorStyles.Left | AnchorStyles.Right;\r\n    panelSavedList.Controls.Add(checkedListBoxSaved);\r\n    panelSavedList.Location = new Point(71, 76);\r\n    panelSavedList.Name = "panelSavedList";\r\n    panelSavedList.Size = new Size(616, 130);\r\n    panelSavedList.TabIndex = 14;\r\n<\/pre>\n
    and where added to the parent change to adding the panel<\/p>\n
    \r\n    this.splitContainer1.Panel1.Controls.Add(this.checkedListBoxSaved);\r\n<\/pre>\n
    with<\/p>\n
    \r\n    splitContainer1.Panel1.Controls.Add(panelSavedList);\r\n<\/pre>\n
    and extend the declaration<\/p>\n
    \r\n    private System.Windows.Forms.CheckedListBox checkedListBoxSaved;\r\n<\/pre>\n
    to<\/p>\n
    \r\n    private CheckedListBox checkedListBoxSaved;\r\n    private Panel panelSavedList;\r\n<\/pre>\n
    and in the Form section insert a<\/p>\n
    \r\n    panelSavedList.ResumeLayout(false);\r\n<\/pre>\n
    And repeat…<\/p>\n
    \n
    Visual Studio long standing bug<\/h2>\n
    Micrososoft at the least have admitted to their scale-bug, but I would much prefer that they fixed it!!!
    \n\"\"<\/a><\/p>\n
    It has been like this for years, the VS2022<\/strong> 17.8 still<\/strong><\/span> shows this warning if the primary monitor is NOT at 100%. And they still<\/strong><\/span> do not make new form app scalable by default….<\/p>\n","protected":false},"excerpt":{"rendered":"
    As posted in a rather old post, many apps have problems with windows scaling. See these screen-dumps from Windows lengthy guide that was found here With previous versions of .Net Framework this have been somewhat cumbersome, see my post here. But with .Net 8.0 WinForms (well also 7.0 and 6.0), and Windows 11 (or newer […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-5502","post","type-post","status-publish","format-standard","hentry","category-pc-and-code-samples"],"_links":{"self":[{"href":"https:\/\/eskerahn.dk\/index.php?rest_route=\/wp\/v2\/posts\/5502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eskerahn.dk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eskerahn.dk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eskerahn.dk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eskerahn.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5502"}],"version-history":[{"count":1,"href":"https:\/\/eskerahn.dk\/index.php?rest_route=\/wp\/v2\/posts\/5502\/revisions"}],"predecessor-version":[{"id":5505,"href":"https:\/\/eskerahn.dk\/index.php?rest_route=\/wp\/v2\/posts\/5502\/revisions\/5505"}],"wp:attachment":[{"href":"https:\/\/eskerahn.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eskerahn.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eskerahn.dk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\"\"<\/a><\/p>\n