【问题标题】:SwiftUI: ObservableObject with a computed propertySwiftUI:具有计算属性的 ObservableObject
【发布时间】:2020-10-25 16:15:49
【问题描述】:

我有一个带有自定义月份选择器的简单视图。每次向左或向右单击 V 形时,

在 DateView 中,我有两个私有变量:startDateOfMonth2: Date 和 endDateOfMonth2: Date。但它们仅在 DateView 中可用。

问题

如何使这两个变量在其他视图中可用?

我尝试将它们添加为 @Published 变量,但出现错误:

属性包装器不能应用于计算属性

我只发现了几个类似的问题,但我无法在我的代码中使用它们的答案。

import SwiftUI

class SelectedDate: ObservableObject {
    @Published var selectedMonth: Date = Date()
    
    @Published var startDateOfMonth2: Date {
        let components = Calendar.current.dateComponents([.year, .month], from: selectedMonth)
        let startOfMonth = Calendar.current.date(from: components)!
        return startOfMonth
    }

    @Published var endDateOfMonth2: Date {
        var components = Calendar.current.dateComponents([.year, .month], from: selectedMonth)
        components.month = (components.month ?? 0) + 1
        let endOfMonth = Calendar.current.date(from: components)!
        return endOfMonth
    }
}

struct DateView: View {
    @EnvironmentObject var selectedDate: SelectedDate
    
    static let dateFormat: DateFormatter = {
        let formatter = DateFormatter()
        formatter.setLocalizedDateFormatFromTemplate("yyyy MMMM")
        return formatter
    }()
    
    var body: some View {
        
        HStack {
            
            Image(systemName: "chevron.left")
                .frame(width: 50, height: 50)
                .contentShape(Rectangle())
                .onTapGesture {
                    self.changeMonthBy(-1)
            }
            
            Spacer()

            Text("\(selectedDate.selectedMonth, formatter: Self.dateFormat)")
            
            Spacer()
            
            Image(systemName: "chevron.right")
                .frame(width: 50, height: 50)
                .contentShape(Rectangle())
                .onTapGesture {
                    self.changeMonthBy(1)
            }
            
        }
        .padding(EdgeInsets(top: 5, leading: 5, bottom: 5, trailing: 5))
        .background(Color.yellow)
    }
    
    func changeMonthBy(_ months: Int) {
        if let selectedMonth = Calendar.current.date(byAdding: .month, value: months, to: selectedDate.selectedMonth) {
            self.selectedDate.selectedMonth = selectedMonth
        }
    }
}

【问题讨论】:

    标签: ios swift swiftui computed-properties observableobject


    【解决方案1】:

    无需将您的计算值声明为已发布,因为它们取决于已发布的值。当发布的值发生变化时,它们会被重新计算。

    class SelectedDate: ObservableObject {
        @Published var selectedMonth: Date = Date()
        
        var startDateOfMonth2: Date {
            let components = Calendar.current.dateComponents([.year, .month], from: self.selectedMonth)
            let startOfMonth = Calendar.current.date(from: components)!
            
            print(startOfMonth)
            return startOfMonth
        }
    
        var endDateOfMonth2: Date {
            var components = Calendar.current.dateComponents([.year, .month], from: self.selectedMonth)
            components.month = (components.month ?? 0) + 1
            let endOfMonth = Calendar.current.date(from: components)!
    
            print(endOfMonth)
            return endOfMonth
        }
    }
    

    当您在点击时打印endDateOfMonth2,您会看到它正在发生变化。

    【讨论】:

    • 谢谢,但我认为这样我仍然无法在课外访问 endDateOfMonth2。我刚刚在我的代码中将 print("\(startDateOfMonth2)") 添加到 .onTapGesture 中,但出现错误:Use of unresolved identifier 'startDateOfMonth2'
    • 为我工作了 print(selectedDate.endDateOfMonth2)
    • 哦!伟大的。 print(selectedDate.endDateOfMonth2) 有效,我可以在另一个视图中访问它。谢谢! :) 所以就我使用依赖于@Published var 的变量而言,是否不需要声明新的已发布变量?我想这会使应用程序使用更少的内存,对吧?就我而言,我只需要在内存中存储 1 个已发布的 var,而不是 3 个。我正确吗?
    • 您不能更改计算值本身。它总是被计算出来的。所以问题是,你什么时候需要再次计算它?如果 Published 值在类内发生变化,它将计算。由于计算值取决于该 Published 值,因此当 Published 更改时它将重新计算。所以基本上,Published 会改变,computed 会重新计算,因此 Published 会改变,你的视图会重新加载,两个值都会更新。
    • 酷。非常感谢您的进一步解释。在我的情况下,我只需要根据 Published 值更新计算值。所以它与您的解决方案完美配合:)
    【解决方案2】:

    计算属性实质上是函数。 它不能存储值,它只是从 getter 中的其他变量或属性计算值并将值更新回它在 setter 中计算的值。 仔细考虑你的财产的性质。 大多数情况下,您可以直接读写计算属性。 只要记住它是功能核心和属性皮肤

    【讨论】:

      猜你喜欢
      • 2021-02-27
      • 1970-01-01
      • 1970-01-01
      • 2020-05-24
      • 1970-01-01
      • 2020-04-20
      • 1970-01-01
      • 2010-10-29
      • 1970-01-01
      相关资源
      最近更新 更多