A box creates a visually distinct group of logically related information and components.
상자는 논리적으로 관련된 정보와 구성 요소의 시각적으로 구별되는 그룹을 만듭니다.
By default, a box uses a visible border or background color to separate its contents from the rest of the interface. A box can also include a title.
기본적으로 상자는 눈에 보이는 테두리나 배경색을 사용하여 내용을 인터페이스의 나머지 부분과 구분합니다. 상자에는 제목도 포함될 수 있습니다.
역자 첨언
Prefer keeping a box relatively small in comparison with its containing view. As a box’s size gets close to the size of the containing window or screen, it becomes less effective at communicating the separation of grouped content, and it can crowd other content.
포함된 뷰에 비해 상자를 상대적으로 작게 유지하는 것을 선호합니다. 상자의 크기가 포함된 창이나 화면의 크기에 가까워지면 그룹화된 콘텐츠의 구분을 전달하는 데 효율성이 떨어지고 다른 콘텐츠가 혼잡해질 수 있습니다.
Consider using padding and alignment to communicate additional grouping within a box. A box’s border is a distinct visual element — adding nested boxes to define subgroups can make your interface feel busy and constrained.
상자 내에서 추가 그룹화를 전달하려면 여백 및 정렬을 사용하는 것이 좋습니다. 상자의 테두리는 별개의 시각적 요소입니다. 하위 그룹을 정의하기 위해 중첩된 상자를 추가하면 인터페이스가 바쁘고 제한적인 느낌을 받을 수 있습니다.
Provide a succinct introductory title if it helps clarify the box’s contents. The appearance of a box helps people understand that its contents are related, but it might make sense to provide more detail about the relationship. Also, a title can help VoiceOver users predict the content they encounter within the box.
상자의 내용물을 명확하게 하는 데 도움이 되는 경우 간결한 소개 제목을 제공하세요. 상자의 모양은 사람들이 그 내용이 관련되어 있음을 이해하는 데 도움이 되지만 관계에 대해 더 자세한 내용을 제공하는 것이 합리적일 수 있습니다. 또한 제목은 VoiceOver 사용자가 상자 내에서 접하는 콘텐츠를 예측하는 데 도움이 될 수 있습니다.
If you need a title, write a brief phrase that describes the contents. Use sentence-style capitalization. Avoid ending punctuation unless you use a box in a settings pane, where you append a colon to the title.
제목이 필요한 경우 내용을 설명하는 간단한 문구를 작성하세요. 문장 스타일의 대문자를 사용하세요. 제목에 콜론을 추가하는 설정 창의 상자를 사용하지 않는 한 구두점을 끝내지 마세요.
역자 첨언
No additional considerations for visionOS. Not supported in tvOS or watchOS.
VisionOS에 대한 추가 고려 사항은 없습니다. tvOS 또는 watchOS에서는 지원되지 않습니다.
기본적으로 iOS 및 iPadOS에서는 박스(box)에서 세컨더리 및 제3의 colors을 사용합니다.
By default, macOS displays a box’s title above it.
기본적으로 macOS는 박스 제목을 박스 위에 표시합니다.
GroupBox — SwiftUI
NSBox — AppKit
Change log
작성 날짜 | 작성자 | 수정사항 |
2023/09/12 | 시즈 | 초기 번역 |
2023/12/22 | 시즈 | 배포 |