Using drag and drop, people can move or duplicate selected photos, text, and other content by dragging the selection from one location to another.
드래그 앤 드롭 기능을 사용하면 사용자는 선택한 사진, 텍스트 및 기타 콘텐츠를 한 위치에서 다른 위치로 드래그하여 이동하거나 복제할 수 있습니다. 이는 디지털 콘텐츠와 직관적으로 상호 작용할 수 있는 사용자 인터페이스 기술입니다.
→ 드래그 앤 드롭 기능을 사용해서 사용자가 선택한 콘텐츠를 한 위치에서 다른 위치로 드래그 해서 이동하거나 복제할 수 있다.
To perform drag and drop, people select content in one location, called the source, and drop it in another, called the destination. These locations can be in the same container — like a text view — or in different containers, like text views on opposite sides of a split view, or even in different apps.
드래그 앤 드롭을 수행하려면 사용자는 출발지라고 불리는 한 위치에서 콘텐츠를 선택한 다음 도착지라고 불리는 다른 위치로 드롭합니다. 이러한 위치들은 동일한 컨테이너(예: 텍스트 뷰) 내에 있을 수도 있고, 분할 보기의 서로 다른 쪽에 있는 텍스트 뷰와 같은 다른 컨테이너에 있을 수도 있으며, 심지어 다른 앱에 있을 수도 있습니다.
→ 드래그 앤 드롭의 수행에 대한 설명
출발지 컨텐츠 선택 → 도착지 위치에 드롭
Depending on various factors, the drag and drop action might move the selected content to the destination or copy it. After a successful drop, moved content exists only in the destination; copied content exists in both locations. As a general rule, dropping selected content within the same container moves it, whereas dropping content in a different container copies it. Dragging and dropping content between apps always results in a copy.
다양한 요인에 따라 드래그 앤 드롭 작업은 선택한 콘텐츠를 대상 위치로 이동시키거나 복사할 수 있습니다. 성공적인 드롭 후, 이동된 콘텐츠는 대상 위치에만 존재하게 되고, 복사된 콘텐츠는 두 위치 모두에 존재합니다. 일반적으로 동일한 컨테이너 내에서 선택한 콘텐츠를 드롭하면 이동시키고, 다른 컨테이너에 콘텐츠를 드롭하면 복사됩니다. 앱 간에 콘텐츠를 드래그 앤 드롭하는 경우 항상 복사됩니다.
→ 드래그 앤 드롭 작업은 다양한 요인에 따라 선택한 콘텐츠를 대상 위치로 이동시키거나 복사할 수 있다.
역자 첨언
People use different interactions to perform drag and drop depending on platform. For example:
플랫폼에 따라 사람들은 드래그 앤 드롭을 수행하기 위해 다양한 상호 작용을 사용합니다. 예를 들어:
•
In visionOS, people pinch and hold a virtual object while dragging it to a new location in any direction, including along the z-axis.
•
visionOS에서는 사람들이 가상 객체를 잡고, Z축을 포함한 어떤 방향으로든 새로운 위치로 드래그합니다.
•
iOS and iPadOS support drag and drop through gestures on the touchscreen, interactions with a pointing device, and through full keyboard-access mode.
•
iOS와 iPadOS는 터치스크린에서의 제스처, 포인팅 장치와의 상호 작용, 그리고 전체 키보드 접근 모드를 통해 드래그 앤 드롭을 지원합니다.
•
Universal Control lets people drag content between their Mac and iPad.
•
Universal Control을 사용하면 사람들이 Mac과 iPad 간에 콘텐츠를 드래그할 수 있습니다.
•
On a Mac, people can interact with a pointing device, use full keyboard access mode, or use VoiceOver to perform drag and drop.
•
Mac에서는 사람들이 포인팅 장치를 사용하거나, 전체 키보드 접근 모드를 사용하거나, VoiceOver를 사용하여 드래그 앤 드롭을 수행할 수 있습니다.
역자 첨언
As much as possible, support drag and drop throughout your app. Most people are familiar with drag and drop and they often try it everywhere. When you use system-provided components — such as text fields and text views — you get built-in support for drag and drop.
앱 전반에 걸쳐 드래그 앤 드롭을 가능한 한 지원하세요. 대부분의 사람들은 드래그 앤 드롭에 익숙하며 종종 모든 곳에서 시도합니다. 텍스트 필드 및 텍스트 뷰와 같은 시스템 제공 컴포넌트를 사용하면 드래그 앤 드롭을 내장으로 지원받을 수 있습니다.
→ 앱 전반에 걸쳐 드래그 앤 드롭을 가능한 한 지원하도록 개발해라.
Offer alternative ways to accomplish drag-and-drop actions. Sometimes, drag-and-drop operations are inconvenient or impossible for people to perform, so it’s important to provide other ways to do the same things. For example, you can include menu commands that people can use to copy an item and move it to another location. In iOS and iPadOS, you can use accessibility APIs to identify sources and destinations so that people can use assistive technologies to drag and drop in your app (for developer guidance, see accessibilityDragSourceDescriptors and accessibilityDropPointDescriptors).
드래그 앤 드롭 작업을 수행하는 대체 방법을 제공하세요. 때로는 드래그 앤 드롭 작업이 불편하거나 불가능하여 동일한 작업을 수행할 수 있는 다른 방법을 제공하는 것이 중요합니다. 예를 들어, 항목을 복사하고 다른 위치로 이동할 수 있는 메뉴 명령을 포함할 수 있습니다. iOS 및 iPadOS에서는 접근성 API를 사용하여 사용자가 보조 기술을 사용하여 앱에서 드래그 앤 드롭을 할 수 있도록 출발지와 대상을 식별할 수 있습니다(개발자 안내는 accessibilityDragSourceDescriptors 및 accessibilityDropPointDescriptors를 참조하세요).
→ 때로는 드래그 앤 드롭 작업이 불편하거나 불가능하여 동일한 작업을 수행할 수 있는 다른 방법을 제공하는 것이 중요하다.
Determine when dragging and dropping content within your app results in a move or a copy. In general, a move makes sense when the source and destination containers are the same — such as dragging text from one location to another within a document — and a copy makes sense when they’re different, like dragging an image from one document to another. Before you change these defaults, consider the behavior that most people expect and prefer the one that is least likely to result in frustration or data loss.
앱 내에서 콘텐츠를 드래그 앤 드롭할 때 이동 또는 복사가 되는지를 결정하세요. 일반적으로 출발지와 도착지 컨테이너가 동일한 경우(예: 문서 내에서 텍스트를 한 위치에서 다른 위치로 드래그)에는 이동이 적합하며, 서로 다른 경우(예: 이미지를 한 문서에서 다른 문서로 드래그)에는 복사가 적합합니다. 이러한 기본 설정을 변경하기 전에 대부분의 사용자가 기대하는 동작을 고려하고, 혼란이나 데이터 손실 가능성이 가장 적은 옵션을 선호하세요.
→ 앱 내에서 콘텐츠를 드래그 앤 드롭할 때 이동 또는 복사가 되는지를 사용자가 기대하는 동작으로 고려하고 결정해라.
•
도착지 컨테이너가 동일한 경우 → 이동이 적합
•
도착지 컨테이너가 서로 다른 경우 → 복사가 적합
Support multi-item drag and drop when it makes sense. People appreciate the convenience of dragging a group of items to a destination, instead of dragging each item separately. In iOS, iPadOS, macOS, and visionOS, people can select multiple items and drag them as a group; macOS also lets people select multiple items from several apps and drag them as a group. In iPadOS, people can select an item, start dragging it, and add other items to the group without stopping the drag operation.
여러 항목을 한 번에 드래그 앤 드롭하는 기능을 지원하세요. 사람들은 각 항목을 따로 드래그하는 대신, 한 그룹의 항목을 목적지로 드래그하는 편리함을 높이 평가합니다. iOS, iPadOS, macOS, visionOS에서는 여러 항목을 선택하고 그룹으로 드래그할 수 있습니다; macOS에서는 여러 앱의 여러 항목을 선택하여 그룹으로 드래그하는 것도 가능합니다. iPadOS에서는 항목을 선택하고 드래그를 시작한 후, 드래그 작업을 중단하지 않고 다른 항목을 그룹에 추가할 수 있습니다.
→ 다중 항목 드래그 앤 드롭을 지원해라.
Prefer letting people undo a drag-and-drop operation. Sometimes, people inadvertently drop content in the wrong destination, so they appreciate being able to undo the action and return to their previous state. You might also be able to help people avoid mistakes by asking for confirmation before completing a drag-and-drop operation that can’t be undone. In macOS, for example, the Finder asks for confirmation when people drag a file into a write-only folder because they won’t be able to open the folder and remove the dropped item. In some situations, it might make sense to provide a way to reverse the results of drag and drop when people can’t undo it. For example, Photos lets people cancel photo sharing after dropping a photo into a shared photo stream.
사용자가 드래그 앤 드롭 작업을 되돌릴 수 있도록 하는 것이 좋습니다. 때로는 사용자가 실수로 콘텐츠를 잘못된 대상 위치에 드롭할 수 있으므로 해당 동작을 실행 취소하고 이전 상태로 돌아갈 수 있는 기능을 제공하는 것이 좋습니다. 취소할 수 없는 드래그 앤 드롭 작업을 완료하기 전에 확인을 요청하여 사용자가 실수를 피할 수도 있습니다. 예를 들어, macOS의 Finder는 사용자가 파일을 읽기 전용 폴더로 드래그하는 경우 폴더를 열어 드롭한 항목을 제거할 수 없으므로 확인을 요청합니다. 일부 상황에서는 되돌릴 수 없는 드래그 앤 드롭의 결과를 반전시킬 수 있는 방법을 제공하는 것이 좋을 수 있습니다. 예를 들어, 사진 앱은 사진을 공유 사진 스트림에 드롭한 후에도 사진 공유를 취소할 수 있는 방법을 제공합니다.
→ 사용자가 드래그 앤 드롭 작업을 되돌릴 수 있도록 실행 취소기능을 넣어주는 것이 좋다.
Consider offering multiple versions of dragged content, ordered from highest to lowest fidelity. By providing multiple alternatives, the destination can choose the highest quality version it can accept. For example, if people can drag a line drawing they created in your app, you could offer a PDF vector representation, a lossless PNG image with transparency, and a lossy JPEG image without transparency, in that order. Another example is an app that uses rich, complicated objects, like charts. This app might offer the native chart object followed by a simpler version — like an image of the chart — for destinations that don’t support chart objects.
높은 품질부터 낮은 품질까지 순서대로 정렬된 dragged content의 여러 버전을 제공하는 것을 고려하세요. 다양한 대안을 제공함으로써 대상은 수용 가능한 가장 높은 품질 버전을 선택할 수 있습니다. 예를 들어, 사용자가 앱에서 작성한 선 그리기를 드래그할 수 있다면, PDF 벡터 표현, 투명도를 가진 무손실 PNG 이미지 및 투명도가 없는 손실 압축 JPEG 이미지를 순서대로 제공할 수 있습니다. 또 다른 예로, 차트와 같이 복잡한 객체를 사용하는 앱도 있을 수 있습니다. 이러한 앱은 네이티브 차트 객체 다음에 차트의 이미지와 같은 더 단순한 버전을 대상이 차트 객체를 지원하지 않는 경우에 제공할 수 있습니다.
→ 드래그 된 컨텐츠(dragged content)가 수용 될 수 있는 다양한 가능성을 고려하여 다양한 대안을 제공하라. 수용하는 부분에서 적용할 수 있는 가장 높은 품질의 컨텐츠를 선택 할 수 있게 하라.
역자 첨언
Consider supporting spring loading. Spring loading lets people activate certain controls, like buttons and segmented controls, by dragging selected content over them. For example, Calendar lets people drag a selected event over the day, week, month, or year segments in the toolbar, giving them a convenient way to move the event to a different date. On a Mac equipped with a Magic Trackpad, a button or segmented control can activate when people force-click it while continuing to hold the content; on iPad, these components can activate when people hover over them while holding the content.
스프링 로딩을 지원하는 것을 고려하세요. 스프링 로딩을 사용하면 선택한 콘텐츠를 드래그하여 버튼 및 세그먼트 컨트롤과 같은 특정 컨트롤을 활성화할 수 있습니다. 예를 들어, 캘린더 앱에서는 사용자가 선택한 이벤트를 툴바의 일일, 주간, 월간 또는 연간 세그먼트 위로 드래그하여 이벤트를 다른 날짜로 편리하게 이동할 수 있습니다. Magic Trackpad가 장착된 Mac에서는 사용자가 콘텐츠를 들고 있는 동안 버튼이나 세그먼트 컨트롤을 강제 클릭하면 활성화될 수 있으며, iPad에서는 사용자가 콘텐츠를 들고 있을 때 컴포넌트 위로 대고 있으면 활성화될 수 있습니다.
→ Spring loading은 사용자에게 더 편리한 방식으로 컨트롤을 활성화하고 기능을 수행할 수 있는 기능이고, 요것을 사용하면 선택한 콘텐츠를 드래그하여 버튼 및 세그먼트 컨트롤과 같은 특정 컨트롤을 활성화할 수 있다.
드래그한 콘텐츠를 대상 컨트롤에 가져다 놓음으로써 추가 동작을 수행할 수 있어 사용자 경험을 향상시킨다.
역자 첨언
Drag and drop is a dynamic process that can result in multiple outcomes. To help people feel in control the process, it’s crucial to provide clear and continuous feedback throughout.
드래그 앤 드롭은 여러 결과를 초래할 수 있는 동적인 프로세스입니다. 사용자들이 프로세스를 통제하는 데 도움이 되도록 명확하고 지속적인 피드백을 제공하는 것이 매우 중요합니다.
→ 드래그 앤 드롭은 여러 결과를 초래할 수 있는 동적인 프로세스이므로, 사용자들이 해당 프로세스를 통제하는 데 도움이 되도록 명확하고 지속적인 피드백을 제공하는 것이 매우 중요하다.
Display a drag image as soon as people drag a selection about three points. It works well to create a translucent representation of the content people are dragging. Translucency helps distinguish the representation from the original content and lets people see destinations as they pass over them. Display the drag image until people drop the content.
사람들이 선택한 항목을 드래그하면 즉시 드래그 이미지를 표시하세요. 일반적으로 드래그하는 콘텐츠의 반투명 표현을 생성하는 것이 잘 작동합니다. 반투명함은 표현을 원본 콘텐츠와 구별하고 도착지를 지나가며 사람들이 보이도록합니다. 사람들이 콘텐츠를 드롭할 때까지 드래그 이미지를 표시하세요.
→ 사람들이 선택한 항목을 드래그하면 드롭할 때까지 즉시 반투명 표현으로 드래그 되었다는 표시를 해줘야한다.
If it adds clarity, modify the drag image to help people predict the result of a drag-and-drop operation. For example, when dragging a photo into a document, the drag image could expand to show the default size of the photo in the document. You can also use drag flocking to visually group multiple drag items — letting people confirm that they haven’t missed an item they want to drag — and then ungroup the items when people drop them. Although changing the drag image can provide valuable feedback, avoid creating a distracting experience in which the drag image is constantly and radically changing.
필요한 경우, 드래그 이미지를 수정하여 드래그 앤 드롭 작업의 결과를 예측할 수 있도록 도움을 줘라. 예를 들어, 사진을 문서로 드래그할 때 드래그 이미지를 확장하여 사진이 문서 내에서의 기본 크기를 보여줄 수 있습니다. 또한 드래그된 항목을 시각적으로 그룹화하여 드래그하려는 항목을 놓치지 않았는지 확인하고, 항목을 드롭할 때 그룹화를 해제할 수도 있습니다. 드래그 이미지를 변경함으로써 가치 있는 피드백을 제공할 수 있지만, 드래그 이미지가 지속적으로 극적으로 변경되는 방식으로 혼란을 일으키는 경험을 만들지는 않도록 주의하세요.
→ 필요한 경우에는, 드래그 이미지를 수정(이미지 확장, 그룹화 등)하여 드래그 앤 드롭 작업의 결과를 예측할 수 있도록 도움을 줘라
Show people whether a destination can accept dragged content. For example, you might display an insertion point or highlight a containing view only when the destination can accept a dragged item, and show no visual feedback — or an explicit “not allowed” image, like the circle.slash from SF Symbols — when it can’t. Display highlighting or other visual cues only while the content is positioned above the destination, removing the visual feedback when people drag the content away. When there are multiple possible destinations, provide visual cues that help people identify one at a time.
대상이 드래그된 콘텐츠를 수용할 수 있는지 여부를 사용자에게 보여주세요. 예를 들어, 대상이 드래그된 항목을 수용할 수 있는 경우에만 삽입 지점을 표시하거나 포함 뷰를 강조 표시하고, 수용할 수 없는 경우에는 시각적 피드백을 표시하지 않거나, SF Symbols의 circle.slash와 같은 "허용되지 않음" 이미지를 명시적으로 표시할 수 있습니다. 콘텐츠가 대상 위에 위치한 동안에만 강조 표시 또는 기타 시각적인 표시를 표시하고, 콘텐츠를 드래그하면 시각적인 피드백을 제거하세요. 여러 가지 가능한 대상이 있는 경우에는 한 번에 하나씩 식별할 수 있도록 도움이 되는 시각적인 힌트를 제공하세요.
→ 대상이 드래그된 콘텐츠를 수용할 수 있는지 여부를 사용자에게 그에 맞는 피드백을 제공해줌으로써 보여줘라.
역자첨언
When people drop an item on an invalid destination, or when dropping fails, provide visual feedback. For example, the item can move back from its current location to its source (if the source is still visible) or it can scale up and fade out to give the impression of the item evaporating instead of landing successfully.
사용자가 잘못된 대상에 항목을 드롭하거나 드롭이 실패한 경우, 시각적인 피드백을 제공하세요. 예를 들어, 항목을 현재 위치에서 원래 소스로 되돌릴 수 있습니다(소스가 여전히 보이는 경우) 또는 항목을 확대하여 사라지는 듯한 효과를 줄 수 있습니다.
→ 사용자가 잘못된 대상에 항목을 드롭하거나 드롭이 실패한 경우, 시각적인 피드백을 제공해라.
(원래 위치로 다시 되돌아가거나, 사라지는 효과를 주는 등으로)
Scroll the contents of a destination when necessary. When people drag an item within a scrolling container that has a lot of content, the content can automatically scroll as people move the item over it. This behavior makes it easy for people to find the right place to drop the item, but if they continue the drag operation outside of the container, automatic scrolling is no longer necessary. System-provided text views and text fields behave this way by default.
필요할 때 목적지의 콘텐츠를 스크롤 할 수 있게하라. 사용자가 스크롤 할 수 있는 컨테이너 내에서 항목을 드래그하는 경우, 컨텐츠가 자동으로 스크롤되어 항목을 이동하는 동안 올바른 위치를 찾기 쉬워집니다. 그러나 사용자가 컨테이너 외부로 드래그 작업을 계속할 경우 자동 스크롤은 더 이상 필요하지 않습니다. 시스템 제공 텍스트 뷰와 텍스트 필드는 기본적으로 이와 같은 방식으로 작동합니다.
→ 스크롤이 가능한 컨테이너에서 컨텐츠를 드래그할 때 , 스크롤이 가능하게 해라
역자 첨언
When there’s a choice, pick the richest version of dropped content your app can accept. For example, if people drag a chart object from another app, the drag operation might offer both the rich, native chart object and a simple image of it. If your app supports charts, extract and display the native chart object; it it doesn’t, use the image instead.
선택할 수 있는 경우, 앱이 수용할 수 있는 가장 풍부한 버전의 드롭된 콘텐츠를 선택하세요. 예를 들어, 사용자가 다른 앱에서 차트 개체를 드래그하는 경우, 드래그 작업은 풍부한 네이티브 차트 개체와 간단한 이미지 둘 다를 제공할 수 있습니다. 앱이 차트를 지원하는 경우, 네이티브 차트 개체를 추출하여 표시하세요. 그렇지 않은 경우 이미지를 사용하세요.
→ 높은 품질부터 낮은 품질까지의 dragged content의 여러 버전 중, 드롭하는 곳에서 사용될 수 있는 가장 높은 품질의 버전을 수용하게 하라.
Extract only the relevant portion of dropped content if necessary. For example, when people drag a contact to a recipient field in an email, Mail displays only the name and email address, not the contact’s address information.
필요한 경우 드롭된 콘텐츠의 관련 부분만 추출하세요. 예를 들어, 사용자가 연락처를 이메일의 수신자 필드로 드래그하는 경우, 메일은 이름과 이메일 주소만 표시하고 연락처의 주소 정보는 표시하지 않습니다.
→ 드래그된 아이템에서 드롭된 부분에 해당하는 값만 추출하여 넣어라.
When a physical keyboard is attached, check for the Option key at drop time. When people hold the Option key while dragging, they can force a drag-and-drop operation within the same container to behave like a copy. If people stop holding Option before dropping content in the same container, the drag operation results in a move.
물리적 키보드가 연결되어 있는 경우, 드롭 할 때 Option 키를 확인하세요. 사용자가 드래그하는 동안 Option 키를 누르면 동일한 컨테이너 내에서의 드래그 앤 드롭 작업이 복사와 같이 작동하도록 할 수 있습니다. 사용자가 동일한 컨테이너에 콘텐츠를 드롭하기 전에 Option 키를 놓으면 드래그 작업은 이동으로 결과가 나타납니다.
→ 동일한 저장공간에서 Option을 누르고 파일을 드래그 드롭을 한다면 복사. 하지만, 드롭 전 Option을 떼면 이동.
Provide feedback when dropped content needs time to transfer. For example, you might display a progress indicator to help people estimate how long the transfer will take. In collections, lists, and tables, you might also display a placeholder at the drop location so people know where to find the content after it finishes transferring. The system can display an alert when a time-consuming transfer occurs between apps.
드롭된 콘텐츠가 전송에 시간이 걸리는 경우에는 피드백을 제공하세요. 예를 들어, 전송이 얼마나 걸릴지 예측하는 데 도움이 되도록 진행 표시기를 표시할 수 있습니다. 컬렉션, 목록 및 테이블에서는 전송이 완료된 후에 콘텐츠를 찾을 수 있는 위치에 플레이스 홀더를 표시할 수도 있습니다. 시스템은 앱 간에 시간이 걸리는 전송이 발생하는 경우 경고를 표시할 수 있습니다.
→ 드래그 된 컨텐츠의 전송 시간이 길다면, 진행사항, 플레이스 홀더, 경고 등으로 피드백을 제공하라.
Provide feedback when dropped content initiates a task or action. If people drop content onto a control that initiates a task — such as printing — show people that the task has begun and keep them informed of its progress.
드롭된 콘텐츠가 작업이나 동작을 시작할 때 피드백을 제공하세요. 사용자가 콘텐츠를 작업을 시작하는 컨트롤에 드롭하는 경우, 작업이 시작 되였음을 사용자에게 표시하고 진행 상황을 지속적으로 알려주세요.
→ 드롭된 컨텐츠가 작업이나 동작을 시작하면 동작 시작 피드백과 진행 상황을 알려주어라.
Apply appropriate styling to dropped text. When the source and destination both support the same text styles, make sure dropped text maintains its original font, typeface, size, and other attributes. Otherwise, apply the destination’s style to dropped text.
드롭된 텍스트에 적절한 스타일을 적용하세요. 소스와 대상이 모두 동일한 텍스트 스타일을 지원하는 경우, 드롭된 텍스트가 원래의 글꼴, 서체, 크기 및 기타 속성을 유지할 수 있도록 해야 합니다. 그렇지 않은 경우에는 대상의 스타일을 드롭된 텍스트에 적용하세요.
→ 텍스트를 드롭할 때, 글꼴 서체, 크기 등 속성을 유지하는 것이 좋다. 그렇지 않은 경우 드롭된 위치의 속성에 따른다.
After a drop, maintain the content’s selection state in the destination, updating it in the source as needed. People expect the content they drop to remain selected so they can immediately act on it. When the source and destination are the same container, the content disappears from its original location when the drag operation performs a move. When a drag operation within the same container performs a copy, remove the selection state from the content that remains in the original location. When people drag selected content to a different container, deselect the content in the source.
드롭 후에도 콘텐츠의 선택 상태를 유지하고, 필요한 경우 소스에서 업데이트하세요. 사용자는 드롭한 콘텐츠가 선택된 상태로 유지되어 즉시 작업할 수 있다고 기대합니다. 소스와 대상이 동일한 컨테이너인 경우, 드래그 작업이 이동을 수행할 때 콘텐츠는 원래 위치에서 사라집니다. 동일한 컨테이너 내에서의 드래그 작업이 복사를 수행할 경우, 원래 위치에 남은 콘텐츠에서 선택 상태를 제거하세요. 사용자가 선택한 콘텐츠를 다른 컨테이너로 드래그할 경우, 소스에서 콘텐츠의 선택을 해제하세요.
→ 드롭 후에도 콘텐츠의 선택 상태를 유지하고, 필요한 경우 소스에서 콘텐츠의 선택상태를 제거하거나 해제해라.
Not supported in tvOS or watchOS.
Let people perform multiple simultaneous drag activities. In iPadOS, people can sequentially add items to an in-progress drag session, gathering as many items as their fingers can handle. For example, people can select an app icon on the Home Screen, start dragging it, and select additional app icons before dropping all of them in a different Home Screen or in a folder. To support this interaction, you need to let people add items during a drag — providing visual feedback through flocking — and accept multiple, simultaneous drops.
사용자들이 동시에 여러 개의 드래그 작업을 수행할 수 있도록 하세요. iPadOS에서는 사용자들이 진행 중인 드래그 세션에 순차적으로 항목을 추가하여 여러 개의 항목을 한꺼번에 처리할 수 있습니다. 예를 들어, 사용자들은 홈 화면에서 앱 아이콘을 선택하고 드래그를 시작한 후, 다른 홈 화면이나 폴더에 드롭하기 전에 추가적인 앱 아이콘들을 선택할 수 있습니다. 이 상호작용을 지원하기 위해서는 드래그 중에 항목을 추가할 수 있도록 해야하며, 드래그를 통해 시각적인 피드백을 제공하고 여러 개의 동시 드롭을 수용해야 합니다.
→ 한번에 많은 아이템을 드래그 할 수 있다. 시각적인 피드백을 제공하면서 동시 드래그를 제공하라.
Consider letting people drag content from your app into the Finder. When you support this, be sure to present the content in a format your app can open later. For example, Calendar lets people drag an event to the Finder as a .ics file. People can share this file with others or drag it back to Calendar to open it. When necessary, you can output dragged content in a clipping, which is a temporary container for storing dragged content. For example, most system apps let people drag text to the Finder, where it appears as a clipping. Later, people can drag the clipping into a text field or other location that accepts text. Note that a drag-and-drop clipping isn’t related to the Clipboard.
사용자들이 앱에서 Finder로 콘텐츠를 드래그 할 수 있도록 하는 것을 고려하세요. 이를 지원할 때는 나중에 앱에서 열 수 있는 형식으로 콘텐츠를 제공해야 합니다. 예를 들어, Calendar에서 사용자들은 .ics 파일로 이벤트를 Finder로 드래그할 수 있습니다. 사용자들은 이 파일을 다른 사람과 공유하거나 다시 Calendar로 드래그하여 열 수 있습니다. 필요한 경우 드래그된 콘텐츠를 클리핑으로 출력할 수도 있는데, 이는 드래그된 콘텐츠를 임시로 저장하는 컨테이너입니다. 예를 들어, 대부분의 시스템 앱에서는 사용자들이 텍스트를 Finder로 드래그할 수 있으며, 이는 클리핑으로 나타납니다. 나중에 사용자들은 클리핑을 텍스트 필드나 텍스트를 받아들이는 다른 위치로 드래그할 수 있습니다. 드래그 앤 드롭 클리핑은 클립보드와는 관련이 없음을 유의하세요.
→ 앱에서 Finder로 콘텐츠를 드래그 할 수 있다.
역자첨언
Let people drag selected content from an inactive window without first making the window active. Selected content in an inactive window is known as a background selection and has a different appearance from selected content in the active window. In general, people expect to drag a background selection to the active window without bringing the inactive window forward.
비활성 창에서 선택한 콘텐츠를 활성 창을 먼저 활성화시키지 않고도 드래그할 수 있도록 해주세요. 비활성 창의 선택한 콘텐츠를 배경 선택이라고 하며, 활성 창에서 선택한 콘텐츠와는 다른 외관을 가지고 있습니다. 일반적으로 사용자들은 비활성 창의 배경 선택을 활성 창으로 드래그하여 비활성 창을 앞으로 가져오지 않고도 드래그할 수 있다고 기대합니다.
→ 비활성 창에서 선택한 콘텐츠를 비활성 창을 앞으로 가져오는 추가 동작 없이 활성 창으로 바로 가져올 수 있다.
역자첨언
When possible, let people drag individual items from an inactive window without affecting an existing background selection. For example, people can drag an unselected file from an inactive Finder window without deselecting any of the window’s selected files.
가능한 경우, 사용자가 비활성 창에서 개별 항목을 드래그할 때 기존의 백그라운드 선택에 영향을 주지 않도록 해주세요. 예를 들어, 사용자들은 비활성 상태인 Finder 창에서 선택되지 않은 파일을 드래그할 수 있고, 이로 인해 창의 선택된 파일 중 어느 것도 선택 해제되지 않습니다.
→ 비활성 창에서 개별 항목을 선택하고 다른 창으로 드래그할 때, 이미 존재하는 선택에 영향을 미치지 않고 처리할 수 있도록 하자.
Consider displaying a badge during multi-item drag operations. A badge is a small filled oval containing a number you can use to indicate the number of items people are dragging. If a destination can accept only a subset of dragged items, update the badge to show the new number.
다중 항목 드래그 작업 중에 배지를 표시하는 것을 고려하세요. 배지는 드래그하는 항목의 수를 나타내는 숫자가 있는 작은 채워진 타원입니다. 만약 대상이 드래그된 항목의 일부만 받아들일 수 있는 경우, 배지를 업데이트하여 새로운 숫자를 표시하세요.
→ 배지를 활용하여 얼마나 드래그 되었는지, 얼마나 받아들일 수 있는지 표시하라.
Consider changing the pointer appearance to indicate what will happen when people drop content. In addition to using the copy pointer, you might want to use the drag link, disappearing item, and operation not allowed pointers, depending on the situation. For guidance, see Pointers.
드롭할 때 콘텐츠가 어떻게 처리 될지를 나타내기 위해 포인터 모양을 변경하는 것을 고려하세요. 복사 포인터 외에도, 드래그 링크, 사라지는 항목, 허용되지 않는 작업 포인터를 사용할 수도 있습니다. 상황에 따라 가이드라인을 참조하세요.
→ 다양한 포인터 모양을 활용하여, 유저가 드래그가 어떤 상황에 있는지 알게 하라.
역자첨언
As much as possible, let people select and drag content with a single motion. Unless people are selecting multiple items, they appreciate it when they don’t have to pause between making a selection and starting the drag operation.
가능한 경우, 사용자들이 콘텐츠를 선택하고 드래그하는 데에 한 번의 동작만으로 수행할 수 있도록 해주세요. 여러 개의 항목을 선택하는 경우를 제외하고는, 사용자들은 선택을 한 후 드래그 작업을 시작하기 위해 잠깐 멈추지 않아도 되는 것을 선호합니다.
→ 선택을 한 후 드래그 작업을 시작하는데 아무런 방해가 없어야 한다. * 다중 선택 제외
When possible, launch your app to handle content that people drop into empty space. When you associate a user activity with draggable app content, your app can open a window or scene that handles the content when people drop it. For example, when people drop a URL into empty space, it launches Safari; when people drop Quick Look–supported content, Quick Look launches to display it. For developer guidance, see NSUserActivity.
가능한 경우, 사람들이 빈 공간에 드롭하는 콘텐츠를 처리하기 위해 앱을 실행하세요. 드래그 가능한 앱 콘텐츠와 사용자 활동을 연결하면, 사람들이 콘텐츠를 드롭할 때 그 콘텐츠를 처리하는 창이나 화면을 앱에서 열 수 있습니다. 예를 들어, 사람들이 URL을 빈 공간에 드롭하면 Safari가 실행되고, Quick Look을 지원하는 콘텐츠를 드롭하면 Quick Look가 해당 콘텐츠를 표시하기 위해 실행됩니다. 개발자 지침은 NSUserActivity를 참조하세요.
Drag and drop — UIKit
Drag and Drop — AppKit
Change Log
작성 날짜 | 작성자 | 수정사항 |
2023/06/27 | 예나 | 초기 번역 |
2023/12/17 | 예나 | 2차 수정 |
2023/12/22 | 예나 | 배포 |