Swift Academy · Lektion

UIViewControllerRepresentable

Integrér komplette UIKit-viewcontrollere som UIImagePickerController i SwiftUI.

Lektion 3 af 413 trin

UIViewControllerRepresentable er en gratis Swift Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i Swift Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Swift Academy-kurset indeholder 4 lektioner i alt.

Hvad er UIViewControllerRepresentable?

Ligesom UIViewRepresentable, men denne indpakker en hel UIViewController, der kan bruges i SwiftUI.

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

makeUIViewController

Opret og konfigurer UIKit-visningscontrolleren. Den kaldes én gang, når SwiftUI gengiver den repræsenterbare visning første gang.

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

updateUIViewController

Kaldes, hver gang SwiftUI-tilstanden ændres. Overfør de opdaterede værdier til den eksisterende visningscontroller.

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

dismantleUIViewController

Statisk oprydningsmetode, der kaldes, før visningscontrolleren fjernes fra hierarkiet.

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

Indpakning af UIDocumentPickerViewController

Eksempel: Pak dokumentvælgeren ind, så du kan lade brugere vælge filer og sende URL'er tilbage til 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) {}
}

Modal præsentation

Indlejr UIViewControllerRepresentable i et .sheet for at vise det modalt.

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

Eksempel på mailkomponering

Pak MFMailComposeViewController ind for at vise et ark til skrivning af mails fra 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) {}
}

Dækning af hele skærmen

Anvend .fullScreenCover på visningscontrollere, der skal fylde hele skærmen.

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

Overførsel af closures til tilbagekald

I stedet for bindinger kan du overføre closures til tilbagekald til den repræsenterbare visning for at underrette om hændelser.

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

Indbygget størrelse

UIKit-visningscontrollere bestemmer selv deres størrelse. Brug SwiftUI-modifikatorer til frame eller visningscontrollerens foretrukne indholdsstørrelse.

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) {}
}

Almindelige anvendelser

UIViewControllerRepresentable bruges ofte til: UIImagePickerController, MFMailComposeViewController, AVPlayerViewController, UIDocumentPickerViewController og SFSafariViewController.

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

Hurtigt tjek

Hvilken metode kalder SwiftUI, hver gang den repræsenterbare visnings SwiftUI-input ændres?

Besvar den i den interaktive lektion

Opsummering af lektionen

UIViewControllerRepresentable pakker komplette UIKit-visningscontrollere ind. Implementer makeUIViewController (opret én gang), updateUIViewController (synkroniser tilstanden) og eventuelt dismantleUIViewController (ryd op). Brug Coordinator til delegerede tilbagekald.

Gratis at komme i gang

Lær Swift med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 122
Lektioner: 409

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “UIViewControllerRepresentable” gratis?

Ja — alle 3 lektioner i læringssporet Swift Academy, inklusive “UIViewControllerRepresentable”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Swift Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “UIViewControllerRepresentable”?

Integrér komplette UIKit-viewcontrollere som UIImagePickerController i SwiftUI. Du øver dig i Swift Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Swift Academy?

Der kræves ingen tidligere erfaring. Swift Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.

Hvor lang tid tager lektionen “UIViewControllerRepresentable”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Swift Academy-lektion?

Ja. Alle Swift Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

UIViewRepresentable: indpakning af UIKit-views
Coordinator-mønsteret til delegate-kommunikation
UIViewControllerRepresentable
UIHostingController: SwiftUI i UIKit

← Tilbage til Swift Academy