how to code wpf program fit all size of monitor screen?

Question

4.00/5 (1 vote)

See more:

Hi friends,

I am creating a touch screen project in wpf. Now I set the window size Height="768" Width="1024" ; But i have a doubt! :doh:
How can I make it work on all sizes of monitor screens like 19inch and 25 inch touch screen? How to code my project?

I want the same in controls and their content should also fit for all screens!
I am waiting for your solution!.

Thank you. :)

My wpf window code is:

<window x:class="WPF.Window1" xmlns:x="#unknown">
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="DesktopKIOSK" Height="768" Width="1024" Loaded="Window_Loaded" WindowState="Maximized" WindowStyle="None"></window>

and my button code is:

<Button Canvas.Left="12" Canvas.Top="6" Height="74" Name="btn1" Width="305" Click="btn1_Click" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="{x:Null}" Focusable="False">

Posted 10-Feb-11 22:28pm

Sagotharan Jagadeeswaran

Updated 10-Feb-11 22:34pm

JF2015

v2

Add a Solution

Comments

JF2015 11-Feb-11 4:34am

Edited to add code formatting.

2 solutions

Solution 1

There is no need to set height and width explicitly if you don't use Canvas. Use some other panel and use alignment or docking to position your elements.

Posted 11-Feb-11 0:38am

parama_chakra

Comments

Sagotharan Jagadeeswaran 11-Feb-11 12:09pm

if i use other panel,. its enough?,..

Sergey Alexandrovich Kryukov 11-Feb-11 15:16pm

No. See my answer.
--SA

Sergey Alexandrovich Kryukov 11-Feb-11 15:16pm

Makes sense. Please see my more detailed answer.
--SA

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)

Sergey Alexandrovich Kryukov · Accepted Answer · 2011-02-11T09:15:00

Solution 2

Here is the way:

1) On the window classes, assign System.Windows.Window.SizeToContent to System.Windows.SizeToContent.WidthAndHeight.

2) Use flexible ("fluid") design on all inner elements would not depend on sizes. Never use absolute positions and sizes; keep them depending on contents. As a rule of thumb, only hard-coded numeric values in your XAML should be the values for Margin and Padding properties.

3) Use ResourceDictionary to keep all the margin and padding values consistent.

4) Prefer DockPanel, use splitters.

Application of those rules take certain experience. By the way, observing them will also help to keep your layout easy to globalize and ultimately localize.

Good luck,

—SA

Posted 11-Feb-11 9:15am

Sergey Alexandrovich Kryukov

Updated 11-Feb-11 18:02pm

v2

Comments

Sagotharan Jagadeeswaran 11-Feb-11 23:38pm

Thank u For the more details,..

Sergey Alexandrovich Kryukov 12-Feb-11 0:04am

I suggest you start developing WPF interfaces using this approach, so you will gain enough experience. Later on, you will enjoy good pay off: the code will also become way more supportable and more easy to change and reuse.
--SA

Sathish km 11-Sep-15 6:20am

i'm new to wpf. want to develop desktop application for all screen resolution support. What to do?

Sergey Alexandrovich Kryukov 11-Sep-15 10:14am

First of all, resolution (say, dots per inches) is irrelevant. You probably mean size of the screen in pixels. The solution is the same.
—SA

Sagotharan Jagadeeswaran 12-Feb-11 7:40am

thank u

Sergey Alexandrovich Kryukov 2-Jun-11 13:12pm

You're welcome.
--SA

Russell Sharp 31-Aug-12 11:58am

How can you code your direction to "On the window classes, assign System.Windows.Window.SizeToContent to System.Windows.SizeToContent.WidthAndHeight"?

Visual Studio 2010 won't allow me to simply type the following:

System.Windows.Window.SizeToContent = System.Windows.SizeToContent.WidthAndHeight
(WidthAndHeight apparently is not a valid property of the SizeToContent parameter.

Sergey Alexandrovich Kryukov 5-Sep-12 2:31am

Of course, your line is gibberish.

To start with, Visual Studio is not a compiler to allow you something or not.

WidthAndHeight is not a property, but a enumeration type member:
http://msdn.microsoft.com/en-us/library/system.windows.sizetocontent.aspx.

And this is exactly the right type for the property System.Windows.Window.SizeToContent:
http://msdn.microsoft.com/en-us/library/system.windows.window.sizetocontent.aspx.

But this is not a static property, so you should assign the value to the property of some instance.


System.Windows.Window MyWindow = //...
//...
MyWindow.SizeToContent = System.Windows.SizeToContent.WidthAndHeight;

Got it now?
--SA

Member 11959194 22-Sep-15 8:49am

where we should write this code system.window.sizetocontent

Member 11959194 22-Sep-15 8:02am

where we should write this code system.window.sizetocontent

Sergey Alexandrovich Kryukov 22-Sep-15 9:24am

Where you find it appropriate, but in XAML, this is a property of a window. Please refer to the doc.
—SA