"IOS Human Interface Guidelines"--toolbar Bar

Source: Internet
Author: User
Tags compact

Tool bar


The toolbar contains controls that perform actions related to objects in the screen view.




A toolbar:

    • It's translucent.
    • Always appear on the bottom edge of the screen view on the iphone. It can also appear on the top edge of the screen view on the ipad.
    • It can be hidden when the keyboard appears, when the user makes a gesture, or when the view controller transitions into a horizontal compact environment.

The API Note toolbar is typically contained within the navigation controller, which manages objects displayed in a series of custom views. Check out displaying a Navigation toolbar and Uitoolbar Class reference to learn more about defining the contents of a toolbar in your code.
Use the toolbar to provide a series of actions that the user can perform in the current environment.
include the most commands that make sense in the current environment. Do not use the toolbar as much as possible to provide only occasional commands.
consider using the segmented control to provide different facets or modal joins to the current environment. It is not a good idea to use a column control in the toolbar to display the task or mode at the app level, because the toolbar is special for the current screen view. If you need to give the user a link to a basic task, view, or pattern in your app, use the tab Bar (tab bar) instead. View segmented control to learn about the contents of the column controls, and view tab bar to learn about the contents of the tab bar.
Use an icon if you need to place more than three elements in the toolbar. Because the text caption buttons generally use more space than the picture, it can be difficult to keep the headings from crowding together.
Make sure that there is enough space between the buttons of the text caption. If there is not enough space between two or more buttons on the toolbar, the text headers will be squeezed together and the user will find it difficult to distinguish them. If the button title looks too compact in your toolbar, use theUibarbuttonsystemitemfixedspaceTo increase the appropriate space between them. (see Uibarbuttonitem Class reference to learn more about this constant.) )

toolbars and navigation bar buttons
iOS offers a lot of standard toolbars and navigation bar buttons that are used in built-in apps. View Bar Button icons Learn how to design a custom icon. Elements in toolbars and navigation bars can be shaded using the Tintcolor property.
Find the button description for the symbol name in table 41-1, and view the Uibarbuttonsystemitem document in Uibarbuttonitem Class reference.
IMPORTANTFor all standard buttons and icons, it is necessary to use a button based on its meaning rather than the appearance. This will help your app's UI make sense even when a button with a meaning changes its appearance.
Table 41-1 Standard buttons available on toolbars and navigation bars

In addition to the buttons shown in table 41-1, you can use the system-provided edit, Cancel, save, finish, Redo, and undo buttons to support editing or other types of content manipulation in your app. The appearance of each button is provided by its text caption. See the Uibarbuttonsystemitem documentation in Uibarbuttonitem Class reference to find the symbol names for these buttons.
Finally, you can also use the system-provided information buttons in the toolbar:



This article is translated from the official Apple development document to view the integration set: Https://github.com/Cloudox/iOS-Human-Interface-Guidelines All rights reserved: Http://blog.csdn.net/cloudox_

"IOS Human Interface Guidelines"--toolbar Bar

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.