How to scale window according to screen resolution in UWP?

0
votes

I am new to Stackoverflow as well as UWP (My English is regular too). I apologize in advance for my bad writing.

I am developing a windows application in UWP/C#. My monitor size is 23' and it is set to 1920x1080 (100%) resolution.

Image 1

As seen in image 1, I have configured the application in such a way that the size of the main frame is 1920x1080, therefore, when I run the application on my computer it looks perfectly (see image 2).

Image 2

However, when I run the application on another computer with a smaller screen size (17 "), it looks like in image 3, where it can be seen that the application does not fit this size. It seems to keep the original size and mi application "does not fit on the screen". image 3

My question is: how do I program the application so that it does not lose its shape, distribution, aspect ratio, or proportion when it is run on screens that are different in size from the computer on which it was programmed? In this way, it automatically adjusts to the resolution and scale of the screen, without losing the original proportion and distribution with which it was programmed and designed.

Thank you very much for your help and understanding.

EDIT 1: I am not looking for the content of the application to fit a change of the window, but rather to fit screens of different sizes. That is, the same content, distribution and proportion are scaled to fit on any screen size, as evidenced in image 3 that does not happen. (see Image 4)

I don't want the image 3 to happen.

Image 4

1
c#uwpxamarin.uwp
Does this answer your question? How can I make UWP apps fit in the screen size? – Stadub Dima
Thanks for your answer. Unfortunately it is not what I am looking for. The idea is not that the layout is adaptive as the window size changes. The idea is that the content of the application fits the size of the screen, that is, if the original design is on a 23-inch screen, when it is run on a 17-inch screen it will automatically reduce all the content by a factor scale of 17/23, without changing the content distribution or proportion. – B. Bohórquez
Please avoid use fixed width height for page size. it will fill the content by default with auto size. – Nico Zhu - MSFT

1 Answers

0
votes

The control doing exactly what you want is called ViewBox, but as people already suggested above, it would be better to design adaptive UI using triggers or at least grids.