Flexible layout options make app layout easy and consistent with Windows 8. Flexbox, a
feature of CSS3, lets you create containers that expand proportionally to ﬁll any remaining
space. The VariableSizedWrapGrid control provides similar functionality for XAML developers.
Grid layouts are available both in HTML 5 and XAML, and give you the ability to poition and
size content in a grid structure that you deﬁne with ﬁxed, fractional, or automatic units. Grid
layouts can be oriented horizontally or vertically. Multi-Column Layout can be used to imitate
complex layouts, suach as those found in newpapers and magazines.
Versatile input methods
There are a number of diﬀerent input methods to think about when designing apps, including
touch, mouse, keyboard, and pen. Windows 8 makes it easy to support each method by following
the principle of “design for touch and get mouse and keyboard for free.”
Pointer APIs allow you to work with any input method without knowing the origin of the input
data. Higher-level gesture APIs let you use predeﬁned touch gestures and detect multi-touch
events in your apps. You can also build custom touch gestures or use input-speciﬁc APIs to
provide a unique experience in your app.
Building experiences that take full advantage of the latest hardware is easier with Windows
8. Sensor APIs help you build apps that are tailored to the user’s context, and apps scale
gracefully to support both compact and large form factors.
The Windows 8 sensor platform is an end-to-end solution that includes support for both
desktop and Metro style app development. The Win32 API lets you integrate sensor data
without writing a lot of code. Windows Runtime Components let you quickly access input
from eight sensors, including accelerometer, geolocation, inclinometer, gyrometer, compass,
ambient-light, orientation, and simple orientation of a device.
Windows 8 scales apps to ensure consistent physical sizes for UI elements regardless of
the pixel density of the screen. As a developer, your work is minimal—just provide scalable
resources and Windows takes care of the rest.
With Windows 8, we created a touch-optimized platform that you can interact with in
an intuitive way. As a result, interactions with the operating system and UI elements feel
natural and responsive. Animations and transitions are used deliberately, and eﬀects are
subtle and designed to enhance the connection between you and the PC. App layout and
presentation are simpliﬁed with easy-to-use layout APIs and presentation controls.
The built-in animations library lets you create smooth, animated experiences from
a comprehensive set of predeﬁned animations that are lively and unique. With 3-D
transformations you can add smooth, ﬂuid, visual experiences like perspective transforms
and ﬂipping elements on and oﬀ the screen.
Semantic zoom is a touch-optimized way to navigate through large content collections.
Users can pan or scroll through their content, and then zoom in or out to view more or less
information. This lets apps present content in a more tactile, visual, and informative way than
traditional navigation and layout patterns like tabs.
Semantic Zoom helps you navigate large content collections
Fast and ﬂuid