Controls

This section aggregates design information about all the available controls into a single place for ease of access and quick reference. It describes the standard controls that are available without customization. It also provides an example of usage in a real app for each control.

Note   All the controls in this section are included in the templates for Adobe Photoshop and Adobe Illustrator. See Downloads to get the templates.

Using standard controls can save you time when creating common interactions. They work well with Windows right out of the box. When working with a developer, you can reference these controls in your design in order to use a common language. For developer info about implementing controls, see the Controls list (Windows Store apps using JavaScript and HTML) or Controls list (Windows Store apps using C#/VB/C++ and XAML).

The standard controls are only a starting place. For some interactions customization is not necessary, but for others it provides an opportunity to delight users with unique UI or to infuse branded elements into the app. For example, in some apps, the button control with no changes is the right, fast solution, and in others, customized buttons are a branded element of the app.

New and updated controls in Windows 8.1

The following controls are new or updated in Windows 8.1:

  • Hub

    This new control lets you create a dynamic and elegant layout quickly and easily. This control is used in our own Windows Store.

  • Navigation bar (top app bar)

    This new control for HTML with JavaScript helps you provide a consistent and predictable navigation experience. It lets you create drop-down lists within the nav bar and allows for much customization.

  • Command bar (bottom app bar)

    Updates to the app bar (HTML with JavaScript) and command bar (XAML with C# or C++) provide automatic resizing and dropping of labels when the app size changes.

  • Search box

    This new control provides an on-canvas search box to help you provide search results.

  • List view

    The updated list view control for HTML with JavaScript includes drag and drop functionality

For developer info about new controls in Windows 8.1, see Controls (HTML with JavaScript) and Controls (XAML with C# or C++).

 

 

Show:
© 2014 Microsoft