locked
How do we get adaptive scaling to work? 1920 > 2560

    Question

  • Here's the Windows Store @ 1920

    And @ 2560

    I'm not seeing how they make things fill more on the larger resolution. On our app, a 200x200 box is 200x200 in both resolutions, thus takes up less room on larger screens.

    Tuesday, June 05, 2012 8:14 PM

Answers

  • The difference here is that those apps were written by completely different teams. The store team put their homepage content grid into a "ViewBox" control, and the music team didn't. The music guys should either decided to put their grid in a ViewBox or at least center it vertically, because it looks a little silly like that.

    Windows will automatically scale the whole app if it detects your screen is considered "high DPI." And you (as an app developer) can use the ViewBox or other means if you want different resolutions in the same DPI bracket to look exactly the same.

    Here's some guidelines I highly recommend reading:
    http://msdn.microsoft.com/en-us/library/windows/apps/hh780612.aspx

    By the way:

    You can use the simulator to test all of this. When you change resolution on the right of the simulator they are like this (the info in parens is the stuff I've added):

    10.6" 1024x768 (100% scaling, low DPI)

    10.6" 1366x768 (100% scaling, low DPI)

    10.6" 1920x1080 (140% scaling, medium DPI)

    10.6" 2560x1440 (180% scaling, high DPI)




    Wednesday, June 06, 2012 8:53 PM

All replies

  • Odd thing is, the store does this...only on the homepage.

    But the music app does not. The content does not scale on 1920 or 2560(bottom)

    1920

    2560

    Tuesday, June 05, 2012 8:53 PM
  • The difference here is that those apps were written by completely different teams. The store team put their homepage content grid into a "ViewBox" control, and the music team didn't. The music guys should either decided to put their grid in a ViewBox or at least center it vertically, because it looks a little silly like that.

    Windows will automatically scale the whole app if it detects your screen is considered "high DPI." And you (as an app developer) can use the ViewBox or other means if you want different resolutions in the same DPI bracket to look exactly the same.

    Here's some guidelines I highly recommend reading:
    http://msdn.microsoft.com/en-us/library/windows/apps/hh780612.aspx

    By the way:

    You can use the simulator to test all of this. When you change resolution on the right of the simulator they are like this (the info in parens is the stuff I've added):

    10.6" 1024x768 (100% scaling, low DPI)

    10.6" 1366x768 (100% scaling, low DPI)

    10.6" 1920x1080 (140% scaling, medium DPI)

    10.6" 2560x1440 (180% scaling, high DPI)




    Wednesday, June 06, 2012 8:53 PM