Toolbars

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, in Safari, the toolbar hides when you begin scrolling the page since you are likely reading. You can show it again by tapping the bottom of the screen. Toolbars are also hidden when a keyboard is onscreen.

툴바는 앱 화면 하단에 표시되며 현재뷰 또는 해당 콘텐츠와 관련된 액션을 수행하기 위한 버튼을 포함합니다. 툴바는 반투명하고 배경 색조가 있으며 사람들이 필요하지 않을 때 숨기기도합니다. 예를 들어, Safari에서 읽을 가능성이 높기 때문에 페이지를 스크롤 할 때 툴바가 숨겨집니다. 화면 하단을 탭하여 다시 표시 할 수 있습니다. 툴바는 키보드가 화면 상에 있을 때 숨겨집니다.

Provide relevant toolbar buttons. A toolbar should contain frequently used commands that make sense in the current context.

관련된 툴바 버튼을 제공하십시오. 툴바에는 현재 컨텍스트에서 의미가 있는 자주 사용되는 명령이 포함되어 있어야합니다.

Consider whether icons or text-titled buttons are right for your app. Icons work well when you need more than three toolbar buttons. When you have three buttons or fewer, text can sometimes be clearer. In Calendar, for example, text is used because icons would be confusing. The use of text also allows the Inbox button to show a count of calendar and event invitations.

아이콘이나 텍스트 제목이있는 버튼이 앱에 적합한 지 고려하십시오. 아이콘은 네 개 이상의 툴바 버튼이 필요할 때 잘 작동합니다. 버튼이 세 개 이하이면 텍스트가 더 선명할 수 있습니다. 예를 들어 캘린더에서는 아이콘이 혼란스럽기 때문에 텍스트가 사용됩니다. 텍스트를 사용하면 Inbox 버튼에 일정관리 및 이벤트 초대 수를 표시할 수도 있습니다.

Avoid using a segmented control in a toolbar. Segmented controls let people switch contexts, whereas a toolbar is specific to the current screen. If you need to provide a way to switch contexts, consider using a tab bar instead. See Tab Bars.

툴바에서 세그먼트 컨트롤을 사용하지 마십시오. 세그먼트 컨트롤을 사용하면 컨텍스트를 전환 할 수 있지만 툴바는 현재 화면에만 적용됩니다. 컨텍스트를 전환하는 방법을 제공해야하는 경우 대신 탭 모음을 사용하는 것이 좋습니다.

Give text-titled buttons enough room. If your toolbar includes multiple buttons, the text of those buttons may appear to run together, making the buttons indistinguishable. Add separation by inserting fixed space between the buttons. For developer guidance, see the UIBarButtonSystemItemFixedSpace constant value in UIBarButtonItem.

텍스트 제목의 버튼에 충분한 공간을 부여하십시오. 툴바에 여러 개의 버튼이 포함되어있는 경우 해당 버튼의 텍스트가 함께 실행되어 버튼을 구분할 수 없게 될 수도 있습니다. 버튼 사이에 고정된 공간을 삽입하여 분리를 추가하십시오.

For developer guidance, see UIToolbar.

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 the user switch quickly between different sections of an app, for example, the Alarm, Stopwatch, and Timer tabs in the Clock app. See Tab Bars. Toolbars and tab bars never appear together in the same view.

탭 막대와 툴바, 두 유형의 바가 앱 화면 하단에 표시되므로 이 둘의 차이점을 이해하는 것이 중요합니다. 툴바에는 항목 만들기, 항목 삭제, 주석 추가 또는 사진 찍기와 같은 현재 컨텍스트와 관련된 액션을 수행하기 위한 버튼이 있습니다. 탭 바를 사용하여 시계 앱의 알람, 스톱워치 및 타이머 탭과 같이 앱의 여러 섹션간에 신속하게 전환 할 수 있습니다. 툴바와 탭바는 같은뷰에 함께 나타나면 안됩니다.

Toolbars - Bars - iOS - Human Interface Guidelines - Apple Developer