Swift Academy · レッスン

UIViewControllerRepresentable

UIImagePickerControllerなどのUIKit View Controller全体をSwiftUIに埋め込みます。

「UIViewControllerRepresentable」はCoddyKit上の無料Swift Academyレッスンです。これはレッスン3/4です。下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。これはSwift Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Swift Academyコースには全4レッスンが含まれています。

UIViewControllerRepresentableとは何ですか？

UIViewRepresentableと同様ですが、SwiftUI内で使用する完全なUIViewControllerをラップします。

struct ImagePickerView: UIViewControllerRepresentable {
  @Binding var image: UIImage?
}

makeUIViewController

UIKitのビューコントローラを作成して設定します。SwiftUIが最初にrepresentableをレンダリングするときに一度呼び出されます。

func makeUIViewController(context: Context) -> UIImagePickerController {
  let vc = UIImagePickerController()
  vc.delegate = context.coordinator
  return vc
}

updateUIViewController

SwiftUIの状態が変化するたびに呼び出されます。更新された値を既存のビューコントローラへ反映します。

func updateUIViewController(_ vc: UIImagePickerController, context: Context) {
  // Update vc if needed (e.g., change source type)
}

dismantleUIViewController

ビューコントローラが階層から削除される前に呼び出される、静的なクリーンアップメソッドです。

static func dismantleUIViewController(_ vc: UIImagePickerController, coordinator: Coordinator) {
  vc.dismiss(animated: false)
}

UIDocumentPickerViewControllerのラップ

例として、ドキュメントピッカーをラップし、ユーザーがファイルを選択してURLをSwiftUIへ渡せるようにします。

struct DocumentPicker: UIViewControllerRepresentable {
  @Binding var url: URL?
  func makeUIViewController(context: Context) -> UIDocumentPickerViewController {
    let picker = UIDocumentPickerViewController(forOpeningContentTypes: [.pdf])
    picker.delegate = context.coordinator
    return picker
  }
  func updateUIViewController(_ vc: UIDocumentPickerViewController, context: Context) {}
}

モーダル表示

UIViewControllerRepresentableを.sheet内に組み込むと、モーダル表示できます。

@State private var showPicker = false
var body: some View {
  Button("Pick Image") { showPicker = true }
    .sheet(isPresented: $showPicker) {
      ImagePickerView(image: $selectedImage)
    }
}

メール作成画面の例

MFMailComposeViewControllerをラップして、SwiftUIからメール作成シートを表示します。

struct MailView: UIViewControllerRepresentable {
  @Binding var isShowing: Bool
  func makeUIViewController(context: Context) -> MFMailComposeViewController {
    let vc = MFMailComposeViewController()
    vc.mailComposeDelegate = context.coordinator
    vc.setSubject("Hello from SwiftUI")
    return vc
  }
  func updateUIViewController(_ vc: MFMailComposeViewController, context: Context) {}
}

全画面表示

画面全体を覆う必要があるビューコントローラには、.fullScreenCoverを適用します。

.fullScreenCover(isPresented: $showCamera) {
  CameraViewController()
}

コールバック用クロージャの受け渡し

Bindingの代わりに、イベント通知用のクロージャコールバックをrepresentableへ渡します。

struct VideoPlayer: UIViewControllerRepresentable {
  let url: URL
  var onFinish: () -> Void
  // Coordinator calls onFinish when playback ends
}

固有サイズ

UIKitのビューコントローラは自身のサイズを決定します。SwiftUIのframeモディファイアまたはビューコントローラのpreferred content sizeを使用します。

struct Popover: UIViewControllerRepresentable {
  func makeUIViewController(context: Context) -> UIViewController {
    let vc = UIViewController()
    vc.preferredContentSize = CGSize(width: 300, height: 200)
    return vc
  }
  func updateUIViewController(_ vc: UIViewController, context: Context) {}
}

一般的な使用例

UIViewControllerRepresentableは、UIImagePickerController、MFMailComposeViewController、AVPlayerViewController、UIDocumentPickerViewController、SFSafariViewControllerによく使用されます。

import SafariServices
struct SafariView: UIViewControllerRepresentable {
  let url: URL
  func makeUIViewController(context: Context) -> SFSafariViewController {
    SFSafariViewController(url: url)
  }
  func updateUIViewController(_ vc: SFSafariViewController, context: Context) {}
}

理解度チェック

representableのSwiftUI入力が変化するたびにSwiftUIから呼び出されるメソッドはどれですか？

レッスンのまとめ

UIViewControllerRepresentableはUIKitの完全なビューコントローラをラップします。makeUIViewController（一度だけ作成）、updateUIViewController（状態を同期）、必要に応じてdismantleUIViewController（クリーンアップ）を実装します。デリゲートのコールバックにはCoordinatorを使用します。

よくある質問

「UIViewControllerRepresentable」レッスンは無料ですか？

はい。「UIViewControllerRepresentable」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Swift Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Swift Academyコースには全4レッスンが含まれています。

「UIViewControllerRepresentable」で何を学びますか？

UIImagePickerControllerなどのUIKit View Controller全体をSwiftUIに埋め込みます。ブラウザで直接実行するハンズオンコードでSwift Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Swift Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのSwift Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。これはレッスン3/4です。

「UIViewControllerRepresentable」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このSwift Academyレッスンでコードを書いて実行できますか？

はい。すべてのSwift Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

← Swift Academyに戻る