こんにちは。ラフアンドレディ（株）iOS大好き 春蔵です。

これまでの記事に添付したサンプルコードは、MVVMモデルに基づき作成しています。
これからのサンプルコードもMVVMモデルで作成していくので、同モデルについて軽くご説明しておきたいと思います。

なお、以下の説明は私個人の解釈も入っているので、その点はご了承ください。

MVVMモデル

• View　・・・・・・画面のデザインに関する処理。

• ViewModel　・・・ 画面のロジックに関する処理。

• Model　・・・・・ 画面のデータに関する宣言。

//
//  ContentView.swift
//  MVVM
//
//  Created by 春蔵 on 2023/01/19.
//

import SwiftUI

struct Page1View: View {            // ← View
    // ViewModel
    @StateObject var viewModel = Page1ViewModel()
    
    var body: some View {
        VStack {
            // タイトル
            Spacer()
            Text(viewModel.title)
            
            // ボタンステータス
            Spacer()
            Button(viewModel.buttonStatus){
                viewModel.onButton1Click()
            }

            Spacer()
            
        }
        .padding()
        .onAppear(){
            // 初期表示
            viewModel.onAppear()
        }
    }
}

class Page1ViewModel:ObservableObject {   // ← ViewModel
    /// メンバ変数
    var title = "MVVMモデルサンプル"       // ← Model
    @Published var buttonStatus = ""    // ← Model
    
    func onAppear(){
        buttonStatus = "押下前"
    }
    
    /// ボタン1押下時
    func onButton1Click(){
        buttonStatus = "押下後"
    }
}

コードで表すと上記の記載となります。
MVVMモデルを採用している理由として、デザインとロジックを明確に切り離すことにより、プログラムのメンテナンスがしやすくなるためです。

主なアノテーション、継承クラス

@StateObject

画面に対するViewModelをViewで宣言する時に使用。
同宣言する事により、ViewModel内で@Publishedで宣言されたメンバ変数の値を監視、変更があった時に画面に反映する。
iOS14までは、@ObservedObjectで宣言していたが、実装方法によっては、ViewModelのメンバ変数が初期化されてしまうため、初期化されない@StateObjectが用意された。

ObservableObject

ViewModelの継承元クラス、継承されたクラスは@Publishedの値が監視対象となる。

@ObservedObject

(私個人の使用方法としては) 基本的には使用しない。@StateObjectで宣言されたViewModelを別View、子Viewに引き渡される側の宣言で使用。

@Published

ViewModel内で宣言。
@Publishedで宣言されたメンバ変数を自動で画面に反映する際に使用。
画面側でBinding(変数の頭に$)するコントロールを使用する場合にも@Publishedを使用する。

コードサンプル

今回紹介したサンプルの全コードです

アプリケーション

今回紹介したMVVMモデルで作成されたiOSアプリです。

Swiftプログラミングをされる方の参考になれば幸いです。
それではまた！楽しいSwiftライフを！

───－- -　-　-　

フォロー Me！
↓　↓
Twitter : @RandR_inc

◆───－- -　-　-　

ラフアンドレディでの採用はこちら　↓　↓　↓

en-gage.net システムエンジニア

ラフアンドレディ株式会社 東京都品川区 フルタイム

募集要項をみる

ラフアンドレディでは、みんなのびのびと仕事をしています！エンジニアが長く幸せに活躍できる環境で、仲間と楽しく働いてみませんか？