译自: Enumerating elements in ForEach


假设我们使用SwiftUIlist展示数组中的内容,我们使用ForEach

struct PeopleList:View {
    var people: [Person]
    
    var body: some View {
        List {
            ForEach(people) { person in
                Text(person.name)
            }
        }
    }
}

Person是遵循Identifiable的结构体:

struct Person: Identifiable {
    var id: UUID = UUID()
    var name: String
}

FrEach使用Identifiable来确保数组改变的时,知晓要插入的元素,或者删除的元素,以此来实施正确的动画。

ForEach中元素的序号

如果我们需要像下图一样,需要展示数组的序号。

有两个方案:

  • 使用enumerated(),为每个元素提供一个(offset: Int, element: element)的元组。
  • 另外,使用zip(1…, people),提供一样的元组, 但是我们定制起始数子,而不是固定为0。

我更喜欢zip:

ForEach(zip(1…, people)) { number, person in
  Text("\(number). \(person.name)")
}

但是这样不会编译通过

  1. 传给ForEach必须是一个randomaccesscollection,但是zip产出的是一个Sequence。 我们通过zip过的序列转换回数组来fix。
  2. 序列的元素类型,(Int, Person)不遵循Identifiable的协议——这个没法修复,元组不能遵循协议。

因此我们需要使用另外的ForEach初始化方法init(_:id:content:) 来使用key path显示的指定元素的ID。这里例子中是\.1.id,其中.1表示元组中第二个元素person,.id自然是person的唯一值key。

如此才能正常工作:

ForEach(Array(zip(1…, people)), id: \.1.id) { number, person in
  Text(“\(number). \(person.name)")
}

让代码更易读易用(Clarity at the point of use)

上述的代码明显不太易读,特别是\.1Array(…)的部分,为了增加易读性(Clarity at the point of use), 我们可以再进一步。

可以给Sequence增加一个扩展:

extension Sequence {
  /// Numbers the elements in `self`, starting with the specified number.
  /// - Returns: An array of (Int, Element) pairs.
  func numbered(startingAt start: Int = 1) -> [(number: Int, element: Element)] {
    Array(zip(start..., self))
  }
}

这样用,会让代码清晰一点

ForEach(people.numbered(), id: \.element.id) { number, person in
  Text(“\(number). \(person.name)”)
}

不使用key path

元组不能遵循协议Identifiable,因此key path不能丢弃,但是我们可以能够动态查找成员的结构体来抽离。

@dynamicMemberLookup
struct Numbered<Element> {
  var number: Int
  var element: Element

  subscript<T>(dynamicMember keyPath: WritableKeyPath<Element, T>) -> T {
    get { element[keyPath: keyPath] }
    set { element[keyPath: keyPath] = newValue }
  }
}

根据Min Kim的建议,这里我们使用基于key path动态查找下标器, 然后改变numbered(startingAt:)方法:

extension Sequence {
  func numbered(startingAt start: Int = 1) -> [Numbered<Element>] {
    zip(start..., self)
      .map { Numbered(number: $0.0, element: $0.1) }
  }
}

然后,当element能够Identifiable时候,Numbered自然也能够遵循Identifiable协议。

extension Numbered: Identifiable where Element: Identifiable {
  var id: Element.ID { element.id }
}

这样我们就能在使用ForEach的时候省略key path了。

ForEach(people.numbered()) { numberedPerson in
  Text(“\(numberedPerson.number). \(numberedPerson.name)”)
}

上述numberedPerson类型是Numbered<Person>,但是行为却很像Person, 只是多了number的属性, 如果没有动态属性查找dynamicMemberLookup,我们只能这样numberedPerson.element.name获取了,这样只能获取属性,对方法不行。


在这里,不得不惊叹Swift的精巧与强大,或者说,把事情搞复杂了?