iOS の家計簿アプリをつくる（イースターエッグ編）

はじめに
実装
おわりに

はじめに

こちらは個人開発アプリができるまで by am10 Advent Calendar 2024の 25 日目の記事です。

ついに最終日です！！もうリリースできる状態ではあるのですがふと思いました。個人開発なのに遊びがなくないか？と。
そこで最後にイースターエッグぽいのを実装したいと思います。

実装

PageView.swift ファイルを作成して下記のように実装します。

import SwiftUI

struct PageView: UIViewControllerRepresentable {

    var pages: [AnyView]

    func makeUIViewController(context: Context) -> UIPageViewController {
        let pageViewController = UIPageViewController(transitionStyle: .pageCurl, navigationOrientation: .horizontal)
        pageViewController.dataSource = context.coordinator
        return pageViewController
    }

    func updateUIViewController(_ pageViewController: UIPageViewController, context: Context) {
        pageViewController.setViewControllers([context.coordinator.controllers.first!], direction: .forward, animated: false)
    }

    func makeCoordinator() -> Coordinator {
        return Coordinator(parent: self)
    }

    class Coordinator: NSObject, UIPageViewControllerDataSource {

        private var parent: PageView
        var controllers: [UIViewController]

        private func validIndex(_ index: Int) -> Int? {
            if controllers.count > index && index >= 0 {
                return index
            }
            return nil
        }

        init(parent: PageView) {
            self.parent = parent
            self.controllers = parent.pages.map { UIHostingController(rootView: $0) }
        }

        func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {
            guard let currentIndex = controllers.firstIndex(of: viewController),
                  let index = validIndex(currentIndex + 1) else {
                return nil
            }
            return controllers[index]
        }

        func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {
            guard let currentIndex = controllers.firstIndex(of: viewController),
                  let index = validIndex(currentIndex - 1) else {
                return nil
            }
            return controllers[index]
        }
    }
}

import SwiftUI

struct PageView: UIViewControllerRepresentable {

var pages: [AnyView]

func makeUIViewController(context: Context) -> UIPageViewController {

let pageViewController = UIPageViewController(transitionStyle: .pageCurl, navigationOrientation: .horizontal)

pageViewController.dataSource = context.coordinator

return pageViewController

}

func updateUIViewController(_ pageViewController: UIPageViewController, context: Context) {

pageViewController.setViewControllers([context.coordinator.controllers.first!], direction: .forward, animated: false)

}

func makeCoordinator() -> Coordinator {

return Coordinator(parent: self)

}

class Coordinator: NSObject, UIPageViewControllerDataSource {

private var parent: PageView

var controllers: [UIViewController]

private func validIndex(_ index: Int) -> Int? {

if controllers.count > index && index >= 0 {

return index

}

return nil

}

init(parent: PageView) {

self.parent = parent

self.controllers = parent.pages.map { UIHostingController(rootView: $0) }

}

func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {

guard let currentIndex = controllers.firstIndex(of: viewController),

let index = validIndex(currentIndex + 1) else {

return nil

}

return controllers[index]

}

func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {

guard let currentIndex = controllers.firstIndex(of: viewController),

let index = validIndex(currentIndex - 1) else {

return nil

}

return controllers[index]

}

任意のアイコンを追加して RegisterView を下記のように修正します。

// 背景色のColor.screenBackgroundの下に追加
if items.isEmpty {
    // 操作の邪魔はしたくないのでリストが追加されたら非表示
    easterEgg
}

private var easterEgg: some View {
    VStack {
        Spacer().frame(height: 80)

        PageView(pages: [
            AnyView(Color.screenBackground),
            AnyView(
                HStack {
                    Image(.am10) // 任意のアイコン設定
                        .resizable()
                        .frame(width: 50, height: 50)

                    Text(verbatim: "わたしがつくりました")
                }
            )
        ])
        .frame(height: 50)

        Spacer()
    }
}