A tab view presents multiple mutually exclusive panes of content in the same area, which people can switch between using a tabbed control.
탭 뷰는 동일한 영역에서 상호 배제적인 여러 패널의 콘텐츠를 제공하며, 사람들은 탭 컨트롤을 사용하여 이러한 패널 간을 전환할 수 있습니다.
→ 탭 뷰에 대한 전반적인 설명
Use a tab view to present closely related areas of content. The appearance of a tab view provides a strong visual indication of enclosure. People expect each tab to display content that is in some way similar or related to the content in the other tabs.
탭 뷰를 사용하여 밀접하게 관련된 콘텐츠 영역을 제시합니다. 탭 뷰의 외관은 강력한 시각적 표시를 제공하며, 사람들은 각 탭이 다른 탭의 콘텐츠와 어떤 방식으로든 유사하거나 관련된 콘텐츠를 표시할 것으로 기대합니다.
→ 사람들은 각 탭이 다른 탭의 콘텐츠와 밀접하게 관련된 콘텐츠를 표시할 것으로 기대하니, 그러한 콘텐츠를 제시해야 한다
Make sure the controls within a pane affect content only in the same pane. Panes are mutually exclusive, so ensure they’re fully self-contained.
패널 내의 컨트롤이 동일한 패널 내의 콘텐츠에만 영향을 미치도록 확인하십시오. 패널은 상호 배제적이므로 패널 자체가 완전히 독립적으로 작동하도록 보장하십시오.
→ 패널은 상호 배제적이므로, 하나의 패널에서 발생한 작업 혹은 조작이 다른 패널에 영향을 주지 않도록 해야 한다
Provide a label for each tab that describes the contents of its pane. A good label helps people predict the contents of a pane before clicking or tapping its tab. In general, use nouns or short noun phrases for tab labels. A verb or short verb phrase may make sense in some contexts. Use title-style capitalization for tab labels.
각 탭에 콘텐츠 패널의 내용을 설명하는 레이블을 제공하세요. 좋은 레이블은 사용자가 해당 탭을 클릭하거나 탭하기 전에 패널 내용을 예측하는 데 도움이 됩니다. 일반적으로 탭 레이블에는 명사 또는 짧은 명사 구문을 사용하세요. 어떤 상황에서는 동사나 짧은 동사 구문도 의미가 있을 수 있습니다. 탭 레이블에는 타이틀 스타일의 대문자를 사용하세요.
→ 사용자가 패널 내용을 예측하는 데 도움을 줄 수 있게, 각 탭에 콘텐츠 패널 내용을 설명하는 레이블을 제공해야 한다
Avoid using a pop-up button to switch between tabs. A tabbed control is efficient because it requires a single click or tap to make a selection, whereas a pop-up button requires two. A tabbed control also presents all choices onscreen at the same time, whereas people must click a pop-up button to see its choices. Note that a pop-up button can be a reasonable alternative in cases where there are too many panes of content to reasonably display with tabs.
팝업 버튼을 사용하여 탭 간을 전환하지 마세요. 탭 컨트롤은 하나의 선택을 하려면 단일 클릭 또는 탭만 필요로 하기 때문에 효율적입니다. 반면 팝업 버튼은 두 번의 클릭이 필요합니다. 또한 탭 컨트롤은 모든 선택지를 화면에 동시에 표시하며, 팝업 버튼은 사용자가 선택지를 보려면 버튼을 클릭해야 합니다. 다만, 패널이 너무 많아서 탭으로 합리적으로 표시하기 어려운 경우 팝업 버튼을 합리적인 대안으로 고려할 수 있습니다.
→ 팝업 버튼은 하나의 선택을 위해 두 번의 클릭이 필요하니, 팝업 버튼을 사용해 탭 간을 전환하지 말고 탭 컨트롤을 사용해야 한다
역자 첨언
Avoid providing more than six tabs in a tab view. Having more than six tabs can be overwhelming and create layout issues. If you need to present six or more tabs, consider another way to implement the interface. For example, you could instead present each tab as a view option in a pop-up button menu. For developer guidance, see NSTabView.
탭 뷰에서 여섯 개 이상의 탭을 제공하지 않는 것이 좋습니다. 여섯 개 이상의 탭이 있는 경우 사용자에게 혼란을 줄 수 있으며 레이아웃 문제를 야기할 수 있습니다. 여섯 개 이상의 탭을 표시해야 하는 경우 인터페이스를 다른 방식으로 구현하는 것을 고려해보세요. 예를 들어, 각 탭을 팝업 버튼 메뉴의 뷰 옵션으로 제공할 수 있습니다. 개발자 안내는 NSTabView에서 확인할 수 있습니다.
→ 탭 뷰에서 여섯 개 이상의 탭을 제공하지 않아야 한다
You can position the tabbed control on any side of the content area: top, bottom, left, or right. You can also hide the controls, which is appropriate when you switch the panes programmatically.
탭 컨트롤을 콘텐츠 영역의 어떤 측면에든 배치할 수 있습니다: 위, 아래, 왼쪽 또는 오른쪽. 또한 컨트롤을 숨길 수도 있으며, 이것은 패널을 프로그래밍적으로 전환할 때 적절합니다.
→ 탭 컨트롤은 콘텐츠 영역의 어떤 측면에든 배치할 수 있다
Top tabs
Bottom tabs
When you hide the tabbed control, the content area can be borderless, bezeled, or bordered with a line. A borderless view can be solid or transparent.
탭 컨트롤을 숨길 때 콘텐츠 영역은 테두리 없음, 베젤(테두리가 있는), 또는 선으로 테두리가 있을 수 있습니다. 테두리 없는 뷰는 단색 또는 투명일 수 있습니다.
→ 탭 컨트롤을 숨길 때 콘텐츠 영역은 다양한 디자인으로 경계가 지정될 수 있다
역자 첨언
In general, inset a tab view by leaving a margin of window-body area on all sides of a tab view. This layout looks clean and leaves room for additional controls that aren’t directly related to the contents of the tab view. For example, the lock button in Date & Time settings is outside of the tab view because it applies to all tabs. You can extend a tab view to meet the window edges, but this layout is unusual.
일반적으로 탭 뷰를 윈도우 본문 영역의 모든 측면에 여백을 남겨 끼워넣습니다. 이 레이아웃은 깔끔하게 보이며, 탭 뷰의 내용과 직접적으로 관련이 없는 추가적인 컨트롤에 공간을 남깁니다. 예를 들어, "날짜 및 시간" 설정에서의 잠금 버튼은 모든 탭에 적용되므로 탭 뷰 바깥에 있습니다. 탭 뷰를 윈도우 가장자리에 맞춰 확장할 수는 있지만, 이 레이아웃은 일반적이지 않습니다.
→ 탭 뷰와 화면 가장자리 사이에 공백을 두어 시각적으로 구분하고 깔끔한 디자인을 유지해야 한다
역자 첨언
Not supported in iOS, iPadOS, tvOS, or visionOS.
iOS, iPadOS, tvOS, 또는 watchOS에서 지원되지 않습니다.
역자 첨언
watchOS displays tab views using page controls. For developer guidance, see TabView and verticalPage.
NSTabView — AppKit
Change Log
작성 날짜 | 작성자 | 수정사항 |
2023/09/19 | 린 | 초기 번역 |
2023/12/22 | 린 | 배포 |