Silverlight 3: screen resolution methods

My developer window has a screen resolution of 1680 x 1050. I am developing a full-screen Silverlight 3 application, which I consider when deploying on the Internet. So I want the application to look good at different screen resolutions. I just started testing on other boxes, the first of which has a screen resolution of 1024 x 768. During the test, I found that some of the pages of the application were partially truncated. The controls on the page do not seem to adjust for a lower screen resolution. So, I'm looking for some tips on how to make the Silverlight application, as much as possible, adjust the screen resolution. For example, is there something you need or shouldn't do on XAML to make it easier to adapt to screen resolution? Should I just optimize the minimum screen resolution? Your thoughts and suggestions are welcome.

+4
source share
3 answers
  • You can easily provide the minimum acceptable resolution by setting the MinHeight and MinWidth your root image. (Of course, this should be less than the minimum screen resolution for Chrome browser accounting.)
  • Try to specify absolute Width and Height only if necessary: ​​for example, for images or icons of fixed dimensions or for obvious cases, such as TextBox es (whose width should reflect the average length of the entered data). Panels
  • Grid great for blending scalable and fixed layout areas. The star calibration specification is a little getting used to - it is not as simple as the proportional proportion, but it is much more flexible, especially in combination with the min / max dimensions in the row / column.
  • You do not need to test multiple resolutions if you are not interested in testing many dots per inch - just change the size of the browser to get closer to different screens. Since, depending on the configuration of the user's browser, it always takes a little time and money, you still have to take into account some variance.
+4
source

You can make your application scale using the Silverlight Toolkit ViewBox, or you can do this using layout controls such as Grid, StackPanel, and WrapPanel. Make your main UserControl Auto width and height (or completely remove the width and height), and the application will resize to the parent div (the default HTML template uses 100% x100%). Then just resize the browser accordingly. IE8 has developer tools that can help you see how your application has changed to specific screen resolutions.

Testing at different screen resolutions is always a good idea.

0
source

I looked at resizing elements and made it independent of another thread.

You can see here , there are several ways to automatically determine the size and resize.

0
source

Source: https://habr.com/ru/post/1301211/


All Articles