Skip to content

Latest commit

 

History

History
51 lines (23 loc) · 2.8 KB

File metadata and controls

51 lines (23 loc) · 2.8 KB

[components-selection-and-input] color-wells

A color well lets people adjust the color of text, shapes, guides, and other onscreen elements.

색상 웰을 사용하면 텍스트, 모양, 가이드 및 기타 화면 요소의 색상을 조정할 수 있습니다.

https://developer.apple.com/design/human-interface-guidelines/images/intro/components/color-well-intro-dark_2x.png

A color well displays a color picker when people tap or click it. This color picker can be the system-provided one or a custom interface that you design.

사용자가 색상 선택기를 누르거나 누를 때 색상 선택기가 잘 표시됩니다. 이 색 선택기는 시스템에서 제공하는 색 선택기이거나 사용자가 설계하는 사용자 지정 인터페이스일 수 있습니다.

Best practices

**Consider the system-provided color picker for a familiar experience.**Using the built-in color picker provides a consistent experience, in addition to letting people save a set of colors they can access from any app. The system-defined color picker can also help provide a familiar experience when developing apps across iOS, iPadOS, and macOS.

친숙한 경험을 위해 시스템에서 제공하는 색상 선택기를 고려해 보십시오.내장된 색상 선택기를 사용하면 앱에서 액세스할 수 있는 색상 세트를 저장할 수 있을 뿐만 아니라 일관된 경험을 제공합니다. 또한 시스템 정의 컬러 피커는 iOS, iPadOS 및 MacOS 전반에 걸쳐 앱을 개발할 때 친숙한 경험을 제공할 수 있습니다.

Platform considerations

No additional considerations for iOS or iPadOS. Not supported in tvOS or watchOS.

iOS 또는 iPadOS에 대한 추가 고려 사항은 없습니다. TVOS 또는 워치에서 지원되지 않음운영 체제

macOS

When people click a color well, it receives a highlight to provide visual confirmation that it's active. It then opens a color picker so people can choose a color. After they make a selection, the color well updates to show the new color.

사용자가 색을 잘 클릭하면 색이 활성 상태임을 시각적으로 확인할 수 있는 강조 표시가 나타납니다. 그런 다음 사람들이 색상을 선택할 수 있도록 색상 선택기를 엽니다. 선택한 후 색상이 새 색상을 표시하도록 잘 업데이트됩니다.

Color wells also support drag and drop, so people can drag colors from one color well to another, and from the color picker to a color well.

또한 색 우물은 드래그 앤 드롭을 지원하므로 사람들은 한 색에서 다른 색으로, 그리고 색 선택기에서 색으로 색을 잘 끌 수 있습니다.