XCode 12.4 日本語化計画：Swift Tutorials

セクション 102

ViewController のデータソースを作成




いくつかの短い手順で、多くのことを実行しました。PageViewController は UIPageViewController を使用して、SwiftUI ビューからコンテンツを表示します。次に、スワイプ操作を有効にしてページ間を移動できるようにします。











UIKit ビューコントローラを表す SwiftUI ビューは、SwiftUI が管理し、表現可能なビューのコンテキストの一部として提供する Coordinator の型を定義できます。





ステップ 1

PageViewController 内で入れ子にされた Coordinator クラスを宣言します。




---




SwiftUI は、UIViewControllerRepresentable 型のコーディネータを管理し、上記で作成したメソッドを呼び出すときにコンテキストの一部として提供します。





    PageViewController.swift



1. import SwiftUI
2. import UIKit
4. struct PageViewController<Page: View>: UIViewControllerRepresentable {
5. var pages: [Page]
7. func makeUIViewController(context: Context) -> UIPageViewController {
8. let pageViewController = UIPageViewController(
9. transitionStyle: .scroll,
10. navigationOrientation: .horizontal)
12. return pageViewController
13. }
15. func updateUIViewController(_ pageViewController: UIPageViewController, context: Context) {
16. pageViewController.setViewControllers(
17. [UIHostingController(rootView: pages[0])], direction: .forward, animated: true)
18. }
class Coordinator: NSObject {
var parent: PageViewController
init(_ pageViewController: PageViewController) {
parent = pageViewController
}
}
19. }




ステップ 2

別のメソッドを PageViewController に追加して、コーディネータ (cordinator) を作成します。




---




SwiftUI は、makeUIViewController(context:) の前にこの makeCoordinator() メソッドを呼び出すため、ビューコントローラを構成するときにコーディネータオブジェクトにアクセスできます。




ヒント




このコーディネータを使用して、デリゲート、データソース、そしてターゲットアクションを介したユーザーイベントへの応答など、一般的な Cocoa パターンを実装できます。





    PageViewController.swift



5. var pages: [Page]
func makeCoordinator() -> Coordinator {
Coordinator(self)
}
7. func makeUIViewController(context: Context) -> UIPageViewController {
8. let pageViewController = UIPageViewController(




ステップ 3

ビューの pages 配列を使用して、コーディネータ内のコントローラの配列を初期化します。




---




コーディネータは、これらのコントローラを格納するのに適した場所ですが、システムがコントローラを初期化するのは 1 回だけであり、ビューコントローラを更新する必要がある前に行うためです。





    PageViewController.swift



19. func updateUIViewController(_ pageViewController: UIPageViewController, context: Context) {
20. pageViewController.setViewControllers(
[context.coordinator.controllers[0]], direction: .forward, animated: true)
21. }
23. class Coordinator: NSObject {
24. var parent: PageViewController
var controllers = [UIViewController]()
26. init(_ pageViewController: PageViewController) {
27. parent = pageViewController
controllers = parent.pages.map { UIHostingController(rootView: $0) }
28. }
29. }
30. }




ステップ 4

UIPageViewControllerDataSource への準拠を Coordinator の型に追加し、2 つの必須メソッドを実装します。




---




これらの 2 つのメソッドは、ビューコントローラ間の関係を確立するため、それらの間を前後にスワイプできます。





    PageViewController.swift



21. [context.coordinator.controllers[0]], direction: .forward, animated: true)
22. }
class Coordinator: NSObject, UIPageViewControllerDataSource {
24. var parent: PageViewController
25. var controllers = [UIViewController]()
27. init(_ pageViewController: PageViewController) {
28. parent = pageViewController
29. controllers = parent.pages.map { UIHostingController(rootView: $0) }
30. }
func pageViewController(
_ pageViewController: UIPageViewController,
viewControllerBefore viewController: UIViewController) -> UIViewController?
{
guard let index = controllers.firstIndex(of: viewController) else {
return nil
}
if index == 0 {
return controllers.last
}
return controllers[index - 1]
}
func pageViewController(
_ pageViewController: UIPageViewController,
viewControllerAfter viewController: UIViewController) -> UIViewController?
{
guard let index = controllers.firstIndex(of: viewController) else {
return nil
}
if index + 1 == controllers.count {
return controllers.first
}
return controllers[index + 1]
}
32. }
33. }




ステップ 5

UIPageViewController のデータソースとしてコーディネータを追加します。





    PageViewController.swift



13. transitionStyle: .scroll,
14. navigationOrientation: .horizontal)
pageViewController.dataSource = context.coordinator
16. return pageViewController
17. }




プログラム全体





ステップ 6

PageView に戻り、ライブプレビューをオンにして、スワイプ操作をテストします。




















セクション 1	セクション 2
セクション 3	セクション 4
セクション 101	セクション 102
セクション 103	セクション 104