1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

List {
    ForEach(dataModel.contacts) { contact in
        NavigationLink {
            ContactDetailView(contact: contact)
        } label: {
            CompactContactView(contact: contact)
                .draggable(contact) {
                    ThumbnailView(contact: contact)
                }
        }
    }
}

1
2
3

.dropDestination(for: Contact.self) { droppedContacts, index in
    dataModel.handleDroppedContacts(droppedContacts: droppedContacts, index: index)
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

static var transferRepresentation: some TransferRepresentation {
    // 允许用自定义内容类型传输 Contact。
    CodableRepresentation(contentType: .exampleContact)
    // 允许以 vCard 格式导入和导出 Contact 数据。
    DataRepresentation(contentType: .vCard) { contact in
        try contact.toVCardData()
    } importing: { data in
        try await parseVCardData(data)
    }
    .suggestedFileName { $0.fullName }
    // 允许把 `phoneNumber` 字符串作为整个 `Contact` 的代理导出。
    ProxyRepresentation { contact in
        contact.phoneNumber
    } importing: { value in
        Contact(id: UUID().uuidString, givenName: value, familyName: "", phoneNumber: "")
    }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

func handleDroppedContacts(droppedContacts: [Contact], index: Int? = nil) {
    guard let firstContact = droppedContacts.first else {
        return
    }
    // 如果第一个联系人的 ID 已经存在于联系人列表中，
    // 就把该联系人从当前位置移动到新的索引处。
    // 如果没有指定索引，就把该联系人插入到列表末尾。
    if let existingIndex = contacts.firstIndex(where: { $0.id == firstContact.id }) {
        let indexSet = IndexSet(integer: existingIndex)
        contacts.move(fromOffsets: indexSet, toOffset: index ?? contacts.endIndex)
    } else {
        contacts.insert(firstContact, at: index ?? contacts.endIndex)
    }
}