SwiftUI 官方教程（四）个人收藏地标标记

IOS

2023-09-06 02:59:47

用 SwiftUI 构建 App 的未来：优化收藏地标列表

标记用户收藏的地标

随着 SwiftUI 成为构建 iOS App 的首选框架，我们不断探索优化用户体验的新方法。其中一个关键领域是优化收藏地标列表，让用户轻松管理他们喜爱的景点。

要做到这一点，我们将在每个收藏地标的 LandmarkRow 中添加一个标记按钮。这个按钮将允许用户轻松地标记或取消标记收藏地标，从而清晰地显示他们的收藏。

优化列表

接下来，我们将使用 List 的 filter 方法来优化列表，只显示被收藏的地标。这将使用户更容易浏览他们收藏的景点，节省时间和精力。

代码示例

要实现这些优化，请遵循以下代码示例：

struct LandmarkRow: View {
    @State var landmark: Landmark
    @State var isFavorite: Bool

    var body: some View {
        HStack {
            Image(landmark.imageName)
                .resizable()
                .frame(width: 50, height: 50)
            Text(landmark.name)

            Spacer()

            Toggle(isOn: $isFavorite) {
                Label("Favorite", systemImage: "star")
            }
        }
    }
}

struct ContentView: View {
    @State private var landmarks = Landmark.landmarks

    var body: some View {
        NavigationView {
            List(landmarks.filter { $0.isFavorite }) { landmark in
                LandmarkRow(landmark: landmark)
            }
            .navigationTitle("Landmarks")
        }
    }
}