UWP Learning record 2-layout of design and UI

UWPLearning Record2-Design andUIthe layout1, navigational Basics

In the application, multiple pages will have hierarchical or peer-to-peer relationships. These two relationships are usually present in a complex application, and the relationship is selected based on:

For peer navigation, navigation jumps are generally implemented as navigation elements using tabs (tabs) or navigation Windows (NAV). For hierarchical relationships, the hub is usedto provide a preview or summary of the child pages, or to use an outline (master-details) for navigation.

In addition, return (back) and links can also be used to navigate. The method to enable system back navigation support is to register the listener for the backrequested event. The title bar Back button is enabled, and then you can see the title bar later. and the Back button response, you need to refer to the "Custom Back Navigation behavior Guide", suffix used may feel jump inexplicably. For more details on the Frame and Page class, apply the details of the view and leave it at a later time.

2, Command Basics

Use the correct command elements to interact, that is, what to do with what control, otherwise it will not conform to the normal use of the habit. For commonly used elements, their interaction is like this:

Placing the command on the appropriate surface, that is, where the command element should be placed, is also used in combination. Common locations are: canvas (content area), command bar, menus, dialog boxes, and so on.

In addition, for some operations, such as deleting files, renaming, purchasing, and so on, you may also need to provide confirmation or revocation operations.

3, basic knowledge of content

There are three types of content scenarios: use, create, and interact.

In an app that focuses on usage, content elements get the highest priority, followed by the required navigation elements, to help users find what they want. Examples of applications that focus on use include movie players, reading apps, music apps, and photo viewers.

In apps that focus on creation, content and command elements are the most important UI elements: Command elements enable users to create new content. Examples include drawing apps, photo editing apps, video editing apps, and word processing apps.

In apps with interactive content, users create, view, and edit content, and many apps fall into this category. Examples of these types of apps include line-of-business applications, inventory management apps, and cooking apps that enable users to create or modify recipes.

The common content elements are as follows:

4, more layout, panel-related knowledge

Do it further in the future.

UWP Learning record 2-layout of design and UI