

For developer guidance, see NSFullSizeContentViewWindowMask. A toolbar automatically adopts translucency when placed above a scroll view or when the window is configured as a full-size content view. Translucency creates a sense of depth and context.
#Toolbar app for mac Offline#
When an account is online, the item displays a blue icon and a Go Offline label when it’s offline, the item displays a gray icon and a Go Online label.Ĭonsider using translucency when content flows beneath a toolbar. For example, Mail includes a toolbar item that toggles accounts online and offline. You can accomplish this by changing the item’s color scheme and label. This type of item must clearly communicate its state to the user. Sometimes, a toolbar item toggles an app state on and off. In all cases, use title-style capitalization.Īccurately reflect the current state of a control that toggles between two states. When describing an action, use a verb or verb phrase.

When describing an object, setting, or state, use a noun or noun phrase. To create full-color freestanding toolbar icons, use the PNG format and provide and icons that measure 32x32 pt (64圆4 px you must display text within a control, make sure it’s clear and concise.


If you use a recognizable icon from elsewhere, don’t change its appearance or perspective. If you create custom glyphs, use a maximum size of 19x19 pt (38x38px you need a full-color freestanding toolbar icon, don’t redesign a toolbar version of a well-known interface element. In a customizable toolbar, labels appear beneath toolbar items when the user chooses to display them, so displaying control text above label text is redundant. Prefer glyphs over text in toolbar items. System glyphs automatically receive appropriate coloring and react to user interactions and vibrancy. Prefer system-provided glyphs in toolbar items because they’re familiar. Provide a simple, recognizable glyph and a short, descriptive label. People shouldn’t need to experiment or wait for a tooltip to figure out what an item does. Make sure the meaning of each toolbar item is clear. Use title-style capitalization, no ending punctuation, and prefer verbs and verb phrases like View, Insert, and Share.įor developer guidance, see NSToolbarItem. Write labels that consist of one or two words that describe the result of clicking the item. Users see these labels when they configure the toolbar to show icons and text, or text only. Provide a short, descriptive label for every toolbar item. Conversely, it doesn’t make sense to provide toolbar items for every menu item because not all menu commands are important enough or used often enough to warrant inclusion. Since the toolbar is customizable and can be hidden, it shouldn’t be the only place to find a command. Make every toolbar item available as a menu command. NSPopUpButton with pullsDown set to false Because these controls are designed to closely integrate with the toolbar’s appearance, they don’t belong in the main content area of a window. In apps that run in macOS 10.15 and earlier, use only the following system control styles in the toolbar. Use only toolbar-specific system control styles. Toolbars look best and are easiest to understand when they contain elements of the same type. Include image buttons or system controls, but not both. The purpose of the toolbar is to provide shortcuts to common tasks within the app or current window. Provide toolbar items for the things people do most often.
