A toolbar appears at the bottom of an app screen and contains buttons for performing actions relevant to the current view or content within it. Toolbars are translucent, may have a background tint, and often hide when people are unlikely to need them. For example, Safari hides the toolbar while people scroll towards the bottom of a page, bringing it back when they scroll towards the top or tap the bottom of the screen. A toolbar also hides when a keyboard is onscreen.
툴바는 앱 화면 아래에 나타나며, 현재 뷰나 콘텐츠와 관련된 액션을 수행하기 위한 버튼을 포함합니다. 툴바는 투명하며, 배경 색상값을 가질 수 있고, 종종 사용자들에게 필요없을 땐 숨겨지기도 합니다. 예를 들어, 사파리 앱은 사용자들이 페이지 아래로 스크롤 할 때 툴바를 숨기며, 화면을 탭하거나 위로 스크롤할 때 다시 보여줍니다. 툴바는 키보드가 스크린 위에 나왔을 때도 숨겨집니다.
<aside> 💡 TIP It’s important to understand the difference between a toolbar and a tab bar, because both types of bars appear at the bottom of an app screen. A toolbar contains buttons for performing actions related to the current context, such as creating an item, deleting an item, adding an annotation, or taking a photo. A tab bar lets people switch quickly among different sections of an app, such as the Alarm, Stopwatch, and Timer tabs in the Clock app. For guidance, see Tab Bars. Toolbars and tab bars never appear together in the same view.
</aside>
For developer guidance, see UIToolbar.
Provide relevant toolbar buttons. A toolbar should contain frequently used commands that make sense in the current context.
관련있는 툴바 버튼을 제공하세요. 툴바는 현재 맥락에 잘 맞도록, 자주 사용되는 명령을 포함해야 합니다.
Consider using text in a toolbar with three or fewer buttons; otherwise, use glyphs. In Calendar for example, the titles “Today,” “Calendars,” and “Inbox” clarify each button’s meaning. If text-titled toolbar buttons make sense in your app, create concise titles and be sure to provide enough space between buttons to prevent them from running together. You can ensure separation by inserting fixed space between the buttons. For developer guidance, see the UIBarButtonSystemItemFixedSpace constant value in UIBarButtonItem.
툴바에 텍스트를 사용한다면 세개 이하의 버튼을 사용하고, 그렇지 않다면 글리프를 사용하는걸 권합니다. 예를 들어 캘린더 앱에선 "오늘", "달력", "수신함"이라는 텍스트가 타이틀이 되어 버튼의 의미를 명확히 알리고 있습니다. 만약 텍스트로 타이틀을 만들거라면, 간결한 타이틀을 마들고 버튼 사이에 충분한 여백을 두어 한 덩어리로 읽히지 않게 하세요. 버튼 사이의 고정된 여백 값을 넣어 이런 문제에서 벗어날 수 있습니다.
If you create a custom glyph for a toolbar button, use the following sizes, adjusting as needed for balance.
만약 툴바 버튼에 커스텀한 글리프를 넣을 거라면, 균형을 위해 아래의 사이즈에 따라 조정하세요.
Avoid using a segmented control in a toolbar. Segmented controls let people switch contexts, whereas a toolbar’s actions are specific to the current screen. If you need to provide a way to switch contexts, consider using a tab bar instead.
툴바에는 세그먼트 컨트롤을 사용하지 마세요. 세그먼트 컨트롤은 사용자들이 맥락을 바꿀 수 있도록 합니다. 반면, 툴바의 액션은 현재 맥락에서만 유용한 것들이 포함되어 있죠. 맥락을 바꾸는 방법을 제공하고 싶다면, 대신 탭바를 사용하세요.