SwiftUIでのToggleの切り替え

Question

ViewにToggleを配置しました。
Viewは、ViewModelからModelのisToggleの値の変更を取得し、
Toggleのオンオフを切り替えようとしています。

しかし、下記の実装ではToggleはクリックしても初期値のtrueから変更されません。
（.constant()は定数を示しているので値が変化していないようです。）

MVVMを意識した記述をする場合、どのように記述すべきでしょうか？
ご教授お願いいたします。

import SwiftUI

struct ContentView: View {
    @ObservedObject var viewModel: ViewModel = ViewModel()
    var body: some View {
        Toggle("hogehoge", isOn:  .constant(viewModel.isToggle))
            .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

import Foundation
import SwiftUI

class ViewModel: ObservableObject {
    @Published var model: Model = Model()
    
    var isToggle: Bool {
        return model.isToggle
    }
}d

import Foundation

struct Model {
    var isToggle: Bool = true
}

---

環境

• macOS : 11.6
• Xcode : 13.2.1

Comments

[Tomato45]

@State varでもつくって、ZStackか何かにコードを入れた後、onAppearを使って、viewModelのisToggleを値を@State varを入れてはどうでしょうか？

[Tomato45]

または「onChange」。

Answer 1

Tomato45さん

回答ありがとうございます。

指摘しただいた通りViewに
@State private var isToggle: Bool = true
を追加してonchangeを使ってViewModelに記述したchangeToggleを呼ぶようにしてみました。

import SwiftUI

struct ContentView: View {
    @StateObject var viewModel: ViewModel = ViewModel()
    @State private var isToggle: Bool = true
    var body: some View {
        ZStack {
            Toggle("hogehoge", isOn: $isToggle)
                .padding()
        }
        .onChange(of: isToggle) {
            newValue in viewModel.changeToggle()
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

import Foundation
import SwiftUI

class ViewModel: ObservableObject {
    @Published var model: Model = Model()
    
    var isToggle: Bool {
        return model.isToggle
    }
    
    func changeToggle() {
        model.changeToggle()
    }
}

import Foundation

struct Model {
    var isToggle: Bool = true
    
    mutating func changeToggle () {
        isToggle.toggle()
    }
}

Answer 2

zundaaさん

回答ありがとうございます。

Toggle("hogehoge", isOn: .constant(viewModel.isToggle))ではなく
Toggle("hogehoge", isOn: $viewModel.isToggle)で動くはずです。

ViewModelのisToggleがgetterのみなので下記のエラーが生じます。
Cannot assign to property: 'isToggle' is a get-only property

単純にsetterも記述すればよいのでしょうか？

Answer 3

Toggle("hogehoge", isOn: .constant(viewModel.isToggle))ではなく
Toggle("hogehoge", isOn: $viewModel.isToggle)で動くはずです。

関係ないですが、ObservedObjectではなくたいていの場合は、StateObjectのほうがよかったりします。
https://tokizuoh.dev/posts/td152tqrb7iflicp/

Comments

[kazu_116]

zundaaさん

回答ありがとうございます。

Toggle("hogehoge", isOn: .constant(viewModel.isToggle))ではなく
Toggle("hogehoge", isOn: $viewModel.isToggle)で動くはずです。
ViewModelのisToggleがgetterのみなので下記のエラーが生じます。
Cannot assign to property: 'isToggle' is a get-only property

単純にsetterも記述すればよいのでしょうか？

[zundaa]

Toggle("hogehoge", isOn: .init(get: { isToggle }, set: { changeToggle() })
こんなんで動作しないですかね？

https://zenn.dev/en3_hcl/articles/e65c1cde876456
https://developer.apple.com/documentation/swiftui/binding/init(get:set:)-6g3d5