SwiftUI: Integration of dictionaries and quicklook - swift

Question

I'm seeking some help for my iOS app and hope someone can get me on the right path!
FYI: I'm no developper, I'm an architectural student trying to work on a project for a museum.
So, I have this view which contains multiple cards for different objects that are in the museum and when I tap on it, I go to a new view with it's image, description,... + a PlayButton (the Playbutton is a vectorial triangle with some overlay for it's frame, background..).
I have it configured in a way for me to be able to add easily more objects with it corresponding informations with a dictionary.
struct Card: Identifiable {
let id = UUID()
var index: Int
var title: String
var subtitle: String
var description: String
var text: String
var image: String
var background: String
var logo: String }
var cards = [
Card(index: 1, title: "Universale".uppercased(), subtitle: "Joe Colombo".uppercased(), description: "Short description", text: "Long description", image: "Universale", background: "Background 5", logo: "Logo 5"),]
Then I call for this variable in my main view with this code to see every cards I want to show.
var featured: some View {
ScrollView(.horizontal, showsIndicators: false){
HStack(spacing: 16) {
ForEach(cards) { cards in
CardsItem(cards: cards)
.onTapGesture {
showCourse = true
selectedCourse = cards
}
.accessibilityElement(children: .combine)
.accessibilityAddTraits(.isButton)
}
}
.padding(20)
}
.tabViewStyle(.page(indexDisplayMode: .never))
.sheet(isPresented: $showCourse) {
CardsView(namespace: namespace, cards: $selectedCourse, isAnimated: false)
}
}
And my complete view is coded like this:
var content: some View {
ScrollView {
scrollDetection
Spacer()
.padding(.top, 40)
Text("Essayez les objets de la collection chez vous!")
.font(.body.bold())
.foregroundColor(.primary)
.sectionTitleModifier()
Group {
featured
Text("Porte-à-faux".uppercased())
.font(.body.bold())
.foregroundColor(.secondary)
.sectionTitleModifier()
featured2
.padding(.bottom, 60)
}
}
.coordinateSpace(name: "scroll")
.overlay(NavigationBar(title: "Collection", contentHasScrolled: $contentHasScrolled))
}
At this point, everything works like I want. But now I want to add a way for each object to access a usdz file and show it in AR QuickLook when I tap on the play button. I managed to get it working (Kinda, I currently need to kill the app if I want to go back afterwards) with one file that launches on every cards but I can't find a way to launch the corresponding usdz file for each object.
How would I approach this? I hope I was clear enough.
Thanks in advance!

Answer 1

Here's the code I used for the AR QuickLook
class ARQLViewController: UIViewController, QLPreviewControllerDataSource {
let assetName = "Pantone"
let assetType = "usdz"
let allowsContentScaling = false
let canonicalWebPageURL = URL(string: "nil")
override func viewDidAppear(_ animated: Bool) {
let previewController = QLPreviewController()
previewController.dataSource = self
present(previewController, animated: true, completion: nil)
}
func numberOfPreviewItems(in controller: QLPreviewController) -> Int {
return 1
}
func previewController(_ controller: QLPreviewController, previewItemAt index: Int) -> QLPreviewItem {
guard let path = Bundle.main.path(forResource: assetName, ofType: assetType) else {
fatalError("Couldn't find the supported asset file.")
}
let url = URL(fileURLWithPath: path)
let previewItem = ARQuickLookPreviewItem(fileAt: url)
previewItem.allowsContentScaling = allowsContentScaling // default = true
previewItem.canonicalWebPageURL = canonicalWebPageURL // default = nil
return previewItem
}}