swiftUIの異なるファイル間で変数を共有して動的に変更したい．

Question

前提・実現したいこと

swift初学者です．オブジェクト指向プログラミング自体もまだ理解し切れていません．
異なるswiftファイル間で変数を共有して動的に変更したく調べたのですが，自力で解決できませんでした．

実現したいことは+ボタンと-ボタンを配置して，+または-ボタンを押した時に画面上の数を増減させることです．
これ自体の実現は以下のコードでできています．

import SwiftUI

class ShareNum: ObservableObject{
    @Published var num: Int = 0
}

struct ContentView: View {
    @ObservedObject var Num = ShareNum()
    var body: some View {
        VStack{
            Text("(Num.num)")
            HStack{
                Button(action: {
                    self.Num.num += 1
                }) {
                    Image(systemName: "plus")
                    .frame(width: 40, height: 40)
                    .imageScale(.large)
                }
                .background(Color.blue)
                .foregroundColor(.black)
                Button(action: {
                    self.Num.num -= 1
                }) {
                Image(systemName: "minus")
                    .frame(width: 40, height: 40)
                    .imageScale(.large)
                }
                .background(Color.red)
                .foregroundColor(.black)
            }
        }
    }
}

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

しかしながら，ボタンをそれぞれ別のファイルで実装した時に変数が共有されず，デバッグで確認したところ画面上の数字は動かずに，それぞれ独立して変化していました．

異なるファイル間で変数を共有し動的に変更できる方法がありましたら，必要な知識を教えていただけたら幸いです．

作成したソースコード

#ContentView.swift

import SwiftUI

struct ContentView: View {
    @ObservedObject var Num = ShareNum()
    var body: some View {
        VStack{
            Text("(Num.num)")
            HStack{
                button1()
                button2()
            }
        }
    }
}

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

#button1.swift

import SwiftUI

struct button1: View {
    @ObservedObject var Num = ShareNum()
    var body: some View {
        Button(action: {
            self.Num.PlusButton()
        }) {
            Image(systemName: "plus")
            .frame(width: 40, height: 40)
            .imageScale(.large)
        }
        .background(Color.blue)
        .foregroundColor(.black)
    }
}

struct button1_Previews: PreviewProvider {
    static var previews: some View {
        button1(Num: ShareNum())
    }
}

#button2.swift

import SwiftUI

struct button2: View {
    @ObservedObject var Num = ShareNum()
    var body: some View {
        Button(action: {
            self.Num.MinusButton()
        }) {
        Image(systemName: "minus")
            .frame(width: 40, height: 40)
            .imageScale(.large)
        }
        .background(Color.red)
        .foregroundColor(.black)
    }
}

struct button2_Previews: PreviewProvider {
    static var previews: some View {
        button2(Num: ShareNum())
    }
}

class ShareNum: ObservableObject{
    @Published var num: Int = 3
    func PlusButton(){
        self.num += 1
        print(self.num)
    }
    func MinusButton(){
        self.num -= 1
        print(self.num)
    }
}

Answer 1

難しく考えてますかね。
親ビューを ContentView，子ビューをそれぞれのボタンのビューだと考えて
親ビューで @State をつけて Int 型の num を宣言して，
子ビューでは @Binding をつけて子ビューでの値の変更を親ビューに伝えれば良いです。
下記が例です。

import SwiftUI

struct ContentView: View {

    @State private var num = 3

    var body: some View {
        VStack{
            Text("(num)")
            HStack{
                // プラスボタンとマイナスボタン
                PlusButton(num: $num)  // $num は Binding<Int>
                MinusButton(num: $num) // $num は Binding<Int>
            }
        }
    }
}

struct PlusButton: View {

    // 親ビュー(ContentView)に値を伝える
    @Binding var num: Int

    var body: some View {
        Button(action: {
            // num の値に変化があるので親ビューに通知される
            self.num += 1
        }) {
            Image(systemName: "plus")
            .frame(width: 40, height: 40)
            .imageScale(.large)
        }
        .background(Color.blue)
        .foregroundColor(.black)
    }
}

struct MinusButton: View {

    // 親ビュー(ContentView)に値を伝える
    @Binding var num: Int

    var body: some View {
        Button(action: {
            // num の値に変化があるので親ビューに通知される
            self.num -= 1
        }) {
            Image(systemName: "minus")
                .frame(width: 40, height: 40)
                .imageScale(.large)
        }
        .background(Color.red)
        .foregroundColor(.black)
    }
}

値のバインドが分かりにくい場合は，
ボタンタップの処理をクロージャで返すことで親ビュー側で計算させることもできます。
どちらでも動作は同じなのでわかりやすい方で実装進めれば良いと思います！

import SwiftUI

struct ContentView: View {

    @State private var num = 3

    var body: some View {
        VStack{
            Text("(num)")
            HStack{
                PlusButton {
                    self.num += 1
                }
                MinusButton {
                    self.num -= 1
                }
            }
        }
    }
}

struct PlusButton: View {

    // プラスボタンが押された場合の処理のブロック
    var plusNum: () -> Void

    var body: some View {
        Button(action: {
            self.plusNum()
        }) {
            Image(systemName: "plus")
            .frame(width: 40, height: 40)
            .imageScale(.large)
        }
        .background(Color.blue)
        .foregroundColor(.black)
    }
}

struct MinusButton: View {

    // マイナスボタンが押された場合の処理のブロック
    var minusNum: () -> Void

    var body: some View {
        Button(action: {
            self.minusNum()
        }) {
            Image(systemName: "minus")
                .frame(width: 40, height: 40)
                .imageScale(.large)
        }
        .background(Color.red)
        .foregroundColor(.black)
    }
}

Comments

[watsa]

bindingすることで解決することができました．ありがとうございます．
子viewのpreviewproviderの引数にbindingした変数を入れないとエラーが出てしまうのですが，何故なのでしょうか？previewproviderの役割について教えてほしいです．

[TakuyaAso]

そのクラスのビューのプレビューできる感じです。
引数は @Binding var num: Int を宣言した際に初期化していないので
値入れてねって感じです。私は定数与える形で下記のように書いてます。

struct PlusButton_Previews: PreviewProvider {
static var previews: some View {
PlusButton(num: .constant(1))
}
}

プレビューする端末複数選べたり
ビューのサイズ変えられたりするので
下記サイトなど参考にしてみてください。
https://qiita.com/michimae/items/87512856bf63ea0fbe65

[watsa]

なるほど，そういう事だったんですね．わかりやすい説明ありがとうございます．