Skip to main content Skip to main content Windows Experience Devices Windows Developer Microsoft Edge Windows Insider Microsoft 365 Microsoft 365 Azure Copilot Windows Surface XBOX Deals Small Business Support Windows Apps Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Moving from Skype to Teams Computers Shop XBOX Accessories VR & mixed reality Certified Refurbished Trade-in for cash XBOX Game Pass Ultimate PC Game Pass XBOX games PC games Microsoft AI Microsoft Security Dynamics 365 Microsoft 365 for business Microsoft Power Platform Windows 365 Small Business Digital Sovereignty Azure Microsoft Developer Microsoft Learn Support for AI marketplace apps Microsoft Tech Community Microsoft Marketplace Software companies Visual Studio Microsoft Rewards Free downloads & security Education Gift cards Licensing Unlocked stories View Sitemap
July 2, 2013
PC

Build talk of the week: Beautiful apps at any size on any screen



Many tasks performed on slates, laptops, and desktops require using more than one app. As a user, you may have found yourself referencing documentation while writing code, copying a funny quote from a website into an email, or comparing prices from different online stores. Windows 8 opened the door to this kind of multi-tasking by allowing users to put more than one Windows Store app on screen at the same time. Windows 8.1 Preview makes multi-tasking even better by allowing users to put more apps on screen (up to 4 on a large screen), as well as letting users choose exactly how to split the screen among your apps.

beautifulapps-1

Windows 8.1 Preview lets users put more apps on screen and make each app just the size you’d like

Windows 8.1 Preview also opens opportunities to produce apps for a wide range of devices, including smaller tablets and higher resolution devices.

Your apps can shine on Windows 8.1 Preview (and appear more on users’ screens) by supporting fluid app layouts and high DPI.

From Windows 8 to Windows 8.1 Preview

The most impactful change that the multi-tasking model brings to developers is that, in order to allow more flexibility in arranging the screen, apps are no longer confined to discrete view states like “snapped” or “filled.” Instead, your app can be put in any size from 500×768 pixels on up (apps can optionally support sizes as low as 320×768 pixels; see Guidelines for resizing windows to tall and narrow layoutsfor more info). Design your app to fluidly resize at all sizes and orientations.

Be sure to continue to provide assets for your app at the 1.0x, 1.4x and 1.8x scaling plateaus. Test your app on a variety of devices, or by using the Visual Studio Simulator. For more info, see Guidelines for scaling to pixel density.

Resources for building a great multi-tasking app

I took the stage at Build 2013to discuss the window sizes, app layouts, and DPI scaling. In this talk, I outline design and development guidelines for building apps that are great for multi-tasking on a broad range of devices. You can view the talk below.

In addition to my talk, MSDN features many resources dedicated to scaling apps to different sizes:

· Guidelines for window sizes and scaling to screens

· Guidelines for resizing windows to tall and narrow layouts

· Sample– Layout for windows that resize to 320 pixel width

· Sample– Layout for windows that are taller than wide

Summing up

Multitasking is an integral part of Windows 8.1 Preview. Windows 8.1 Preview also allows your app to shine on a wide range of devices, including many with high resolution displays. You have a tremendous opportunity to deliver a beautiful app experience at any window size on any screen, leveraging the power of multitasking in Windows 8.1 Preview and incredible new displays.

— Sarah McDevitt, Program Manager

Your Privacy Choices Opt-Out Icon Your Privacy Choices
Consumer Health Privacy Sitemap Contact Microsoft Privacy Manage cookies Terms of use Trademarks Safety & eco Recycling About our ads