Disclosure controls reveal and hide information and functionality related to specific controls or views.
디스클로저 컨트롤(Disclosure control)은 해당 컨트롤 또는 화면과 관련된 정보 및 기능을 나타내거나 숨깁니다.
Use a disclosure control to hide details until they’re relevant. Place controls that people are most likely to use at the top of the disclosure hierarchy so they’re always visible, with more advanced functionality hidden by default. This organization helps people first focus on the most essential information without overwhelming them with too many detailed options.
세부 기능을 숨기기 위해 디스클로저 컨트롤(Disclosure control)을 사용합니다. 사람들이 사용할 가능성이 가장 높은 컨트롤을 공개 계층 구조의 맨 위에 배치하여 항상 표시되도록 하고 기본적으로 고급 기능은 숨겨집니다. 이 조직은 사람들이 너무 많은 세부 옵션으로 인해 부담을 느끼지 않고 가장 중요한 정보에 먼저 집중할 수 있도록 도와줍니다.
→ 사용자가 너무 많은 세부 기능으로 부담을 느끼지 않게 필수 기능에 먼저 집중할 수 있도록 하자.
A disclosure triangle shows and hides information and functionality associated with a view or a list of items. For example, Keynote uses a disclosure triangle to show advanced options when exporting a presentation, and the Finder uses disclosure triangles to progressively reveal hierarchy when navigating a folder structure in list view.
디스클로저 트라이앵글(Disclosure triangle)은 보기 또는 항목 목록과 관련된 정보 및 기능을 표시하거나 숨깁니다. 예를 들어, Keynote는 프레젠테이션을 내보낼 때 디스클로저 컨트롤(Disclosure control)을 사용하여 고급 옵션을 표시하고, Finder는 목록 보기에서 폴더 구조를 탐색할 때 디스클로저 트라이앵글(Disclosure triangle)을 사용하여 계층 구조를 점진적으로 표시합니다.
→ 디스클로저 트라이앵글은 키노트에서 고급 옵션을 표시하고, 파인더에서는 계층구조를 말한다.
•
중첩된 (Collapsed)
•
퍼지는 (Expanded)
A disclosure triangle points inward from the leading edge when its content is hidden and down when its content is visible. Clicking or tapping the disclosure triangle switches between these two states, and the view expands or collapses accordingly to accommodate the content.
디스클로저 트라이앵글(Disclosure triangle)은 내용이 숨겨져 있을 때 앞쪽 가장자리에서 안쪽(leading)을 가리키고, 내용이 보일 때 아래쪽을 가리킵니다. 디스클로저 트라이앵글(Disclosure triangle)을 클릭하거나 탭하면 이 두 상태 사이가 전환되며, 화면은 내용에 적합하게 펼쳐지거나 접힙니다.
→ 닫혀있을 때는 leading, 열리면 아래 화살표 클릭으로 왔다갔다 한다.
Provide a descriptive label when using a disclosure triangle. Make sure your labels indicate what is disclosed or hidden, like “Advanced Options.”
디스클로저 트라이앵글(Disclosure triangle)을 사용할 때 설명 레이블을 제공합니다. 라벨에 '고급 옵션'과 같이 공개되거나 숨겨진 내용이 표시되어 있는지 확인하세요.
개발자 지침을 참조하세요 .NSBezelStyleDisclosure
→ 레이블에서는 고급 옵션과 같이 어떤 내용이 표시되거나 숨겨지는지 나타난다.
A disclosure button shows and hides functionality associated with a specific control. For example, the macOS Save sheet shows a disclosure button next to the Save As text field. When people click or tap this button, the Save dialog expands to give advanced navigation options for selecting an output location for their document.
디스클로저 트라이앵글(Disclosure button)은 특정 컨트롤과 관련된 기능을 표시하거나 숨깁니다. 예를 들어 macOS 저장 시트에는 다른 이름으로 저장 텍스트 필드 옆에 공개 버튼이 표시됩니다. 사람들이 이 버튼을 클릭하거나 탭하면 저장 대화 상자가 확장되어 문서의 출력 위치를 선택하기 위한 고급 탐색 옵션이 제공됩니다.
• Expanded
→ 저장 대화 상자가 확장되어 문서의 출력 위치를 탐색하기 위한 고급 탐색 옵션 제공
A disclosure button points down when its content is hidden and up when its content is visible. Clicking or tapping the disclosure button switches between these two states, and the view expands or collapses accordingly to accommodate the content.
콘텐츠가 숨겨져 있으면 공개 버튼이 아래를 가리키고, 콘텐츠가 표시되면 위를 가리킵니다. 공개 버튼을 클릭하거나 탭하면 이 두 상태 사이가 전환되며, 콘텐츠에 맞게 보기가 확장되거나 축소됩니다.
→ 숨겨져있으면 화살표 아래, 콘텐츠 표시되어있으면 위. 알아서 확대 축소된다.
Place a disclosure button near the content that it shows and hides. Establish a clear relationship between the control and the expanded choices that appear when a person clicks or taps a button.
표시하고 숨기는 콘텐츠 근처에 공개 버튼을 배치하세요. 사람이 버튼을 클릭하거나 탭할 때 나타나는 컨트롤과 확장된 선택 사항 사이의 명확한 관계를 설정하세요.
→ 디스클로저 버튼을 누르거나 탭할 때 확장 선택 항목간 명확한 관계를 설정한다.
Use no more than one disclosure button in a single view. Multiple disclosure buttons add complexity and can be confusing.
한개의 화면에서에서는 디스클로저 버튼을 1개 이상 사용하지 마세요. 공개 버튼이 여러 개 있으면 복잡성이 추가되고 혼란스러울 수 있습니다.
→ 한 화면에서는 한 개의 디스클로저 버튼만 사용해라.
No additional considerations for macOS. Not supported in tvOS or watchOS.
macOS에 대한 추가 고려 사항은 없습니다. tvOS 또는 watchOS에서는 지원되지 않습니다.
Disclosure controls are available in iOS, iPadOS, and visionOS with the SwiftUI DisclosureGroup view.
Change log
작성 날짜 | 작성자 | 수정사항 |
2023/09/12 | 시즈 | 초기 번역 |
2023/12/22 | 시즈 | 배포 |