Добавляем Image Playground в приложение

import ImagePlayground

import ImagePlayground

import SwiftUI

@main
struct StoryCoverGenerator: App {
    var body: some Scene {
        WindowGroup {
            // 1. The available version
            if #available(iOS 18.1, macOS 15.1, *) {
                ContentView()
            // 2. Fallback on earlier versions
            } else {
                Text("Operating System not supported")
            }
        }
    }
}

xxxxxxxxxx

import SwiftUI

​

@main

struct StoryCoverGenerator: App {

    var body: some Scene {

        WindowGroup {

            // 1. The available version

            if #available(iOS 18.1, macOS 15.1, *) {

                ContentView()

            // 2. Fallback on earlier versions

            } else {

                Text("Operating System not supported")

            }

        }

    }

}

import SwiftUI
import ImagePlayground

// 1. Define the OS availability
@available(iOS 18.1, macOS 15.1, *)
struct ContentView: View {
    
    // 2. Check the availability of the feature
    @Environment(\.supportsImagePlayground) private var supportsImagePlayground
    
    var body: some View {
        
        if supportsImagePlayground {
            // Shows the UI to use the feature
        } else {
            Text("This device does not support Image Generation features.")
        }
    }
}

xxxxxxxxxx

import SwiftUI

import ImagePlayground

​

// 1. Define the OS availability

@available(iOS 18.1, macOS 15.1, *)

struct ContentView: View {

    // 2. Check the availability of the feature

    @Environment(\.supportsImagePlayground) private var supportsImagePlayground

    var body: some View {

        if supportsImagePlayground {

            // Shows the UI to use the feature

        } else {

            Text("This device does not support Image Generation features.")

        }

    }

}

import UIKit

class UnavailableViewController: UIViewController {
	// Create the UI as you see fit
}

xxxxxxxxxx

import UIKit

​

class UnavailableViewController: UIViewController {

    // Create the UI as you see fit

}

import UIKit
import ImagePlayground

// The os availability attributes
@available(iOS 18.1,macOS 15.1, *)

// The view controller responsible for the Story Cover Generation
class StoryCoverGeneratorViewController: UIViewController {
	...
}

xxxxxxxxxx

import UIKit

import ImagePlayground

​

// The os availability attributes

@available(iOS 18.1,macOS 15.1, *)

​

// The view controller responsible for the Story Cover Generation

class StoryCoverGeneratorViewController: UIViewController {

    ...

}

import UIKit
import ImagePlayground

class SceneDelegate: UIResponder, UIWindowSceneDelegate {
    
    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        
        guard let _ = (scene as? UIWindowScene) else { return }
        // 1. The view controller
        let vc: UIViewController
        
        // 2. Check the os version and the feature availability
        if #available(iOS 18.1, macOS 15.1, *), ImagePlaygroundViewController.isAvailable {
            // a. ViewController for the Story Cover Generator
            vc = StoryCoverGeneratorViewController()
        } else {
            // b. ViewController if unavailable
            vc = UnavailableViewController()
        }
        
        let navigationController = UINavigationController(rootViewController: vc)
        self.window?.rootViewController = navigationController
        self.window?.makeKeyAndVisible()
    }
    
}

xxxxxxxxxx

import UIKit

import ImagePlayground

​

class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {

        guard let _ = (scene as? UIWindowScene) else { return }

        // 1. The view controller

        let vc: UIViewController

        // 2. Check the os version and the feature availability

        if #available(iOS 18.1, macOS 15.1, *), ImagePlaygroundViewController.isAvailable {

            // a. ViewController for the Story Cover Generator

            vc = StoryCoverGeneratorViewController()

        } else {

            // b. ViewController if unavailable

            vc = UnavailableViewController()

        }

        let navigationController = UINavigationController(rootViewController: vc)

        self.window?.rootViewController = navigationController

        self.window?.makeKeyAndVisible()

    }

}

import SwiftUI
import ImagePlayground

@available(iOS 18.1,macOS 15.1, *)
struct ContentView: View {
    // Enabling the sheet
    @State var isPresented: Bool = false
    
    var body: some View {
        
        VStack {
            // Application UI
        }
        
        // ImagePlayground Sheet Presenter
        .imagePlaygroundSheet(
            isPresented: $isPresented,
            concept: "a red cat with blue gloves"
        ) { url in
            // Use the URL
        }
    }
}

xxxxxxxxxx

import SwiftUI

import ImagePlayground

​

@available(iOS 18.1,macOS 15.1, *)

struct ContentView: View {

    // Enabling the sheet

    @State var isPresented: Bool = false

    var body: some View {

        VStack {

            // Application UI

        }

        // ImagePlayground Sheet Presenter

        .imagePlaygroundSheet(

            isPresented: $isPresented,

            concept: "a red cat with blue gloves"

        ) { url in

            // Use the URL

        }

    }

}

.imagePlaygroundSheet(
    isPresented: $isPresented,
    
    // Image playground concepts
    concepts: [
        ImagePlaygroundConcept.text("red cat with blue gloves"),
        ImagePlaygroundConcept.text("big park with a pink river")
    ]) { url in
        // Use the URL
    }

xxxxxxxxxx

.imagePlaygroundSheet(

    isPresented: $isPresented,

    // Image playground concepts

    concepts: [

        ImagePlaygroundConcept.text("red cat with blue gloves"),

        ImagePlaygroundConcept.text("big park with a pink river")

    ]) { url in

        // Use the URL

    }

// ImagePlayground Sheet Presenter
.imagePlaygroundSheet(
    isPresented: $isPresented,
    
    // Image playground concepts
    concepts: [
        ImagePlaygroundConcept.extracted(
            from: "A red cat, named Rusty, strutted through the park, with his blue gloves catching everyone’s attention. He waved at a squirrel juggling acorns and joined a duck painting by the pond. Spotting a kite tangled in a tree, Rusty climbed up, saved the kite, and became the park’s unexpected hero.",
            title: "Rusty, the blue gloves cat")
    ]) { url in
        // Use the URL
    }

xxxxxxxxxx

// ImagePlayground Sheet Presenter

.imagePlaygroundSheet(

    isPresented: $isPresented,

    // Image playground concepts

    concepts: [

        ImagePlaygroundConcept.extracted(

            from: "A red cat, named Rusty, strutted through the park, with his blue gloves catching everyone’s attention. He waved at a squirrel juggling acorns and joined a duck painting by the pond. Spotting a kite tangled in a tree, Rusty climbed up, saved the kite, and became the park’s unexpected hero.",

            title: "Rusty, the blue gloves cat")

    ]) { url in

        // Use the URL

    }

import SwiftUI
import ImagePlayground

@available(iOS 18.1, macOS 15.1, *)
struct ContentView: View {
    // Enabling the sheet
    @State var isPresented: Bool = false
    
    var storyPlaceholder: String = "Write your story here..."
    
    // URL of image created by AI
    @State var imageURL: URL?
    
    // Story prompt
    @State var story: String = ""
    
    // Determine the availability of the feature.
    @Environment(\.supportsImagePlayground) private var supportsImagePlayground
    
    var body: some View {
        
        if supportsImagePlayground {
            ScrollView {
                VStack(alignment: .center) {
                    ZStack {
                        // Image loaded from Image Playground generation
                        if let url = imageURL {
                            AsyncImage(url: url) { image in
                                image.resizable()
                                    .scaledToFill()
                                    .frame(width: 200, height: 300)
                                    .clipped()
                                    .cornerRadius(8)
                            } placeholder: {
                                ProgressView()
                            }
                        } else {
                            ZStack(alignment: .center){
                                RoundedRectangle(cornerRadius: 8)
                                    .fill(Color.red)
                                    .frame(width: 200, height: 300)
                            }
                            
                            if imageURL == nil {
                                Text("""
                                    Story
                                    Cover
                                    Generator 
                                """)
                                .font(.title)
                                .bold()
                            }
                        }
                    }
                    .shadow(color: .black.opacity(0.3), radius: 8, x: 4, y: 4)
                    .padding()
                    
                    VStack(alignment: .leading) {
                        Text("Story:")
                            .font(.title3)
                            .bold()
                            .padding(.bottom, 5)
                        Text("Describe your story in no more than 250 words")
                            .font(.subheadline)
                            .bold()
                            .foregroundStyle(.secondary)
                            .padding(.bottom)
                        TextField(storyPlaceholder, text: $story, axis: .vertical)
                            .lineLimit(15)
                            .padding(5)
                            .background(Color.clear)
                            .overlay(
                                RoundedRectangle(cornerRadius: 12)
                                    .stroke(Color.red.opacity(0.5), lineWidth: 1)
                            )
                    }
                    .padding()
                }
                .padding()
                
                Button {
                    isPresented = self.checkStoryLength(story: story)
                } label: {
                    Text("Generate")
                        .foregroundStyle(.red)
                }
                
                // ImagePlayground Sheet Presenter
                .imagePlaygroundSheet(
                    isPresented: $isPresented,
                    concepts: [ImagePlaygroundConcept.extracted(from: story, title: nil)]) { url in
                    imageURL = url
                }
                .padding()
                
            }
        } else {
            Text("This device does not support Image Generation feature.")
                .foregroundStyle(.red)
        }
    }
    
    // Check the lenght of Story
    private func checkStoryLength(story: String) -> Bool {
        if story.components(separatedBy: " ").count >= 250 {
            return false
        }
        
        return true
    }
}

xxxxxxxxxx

import SwiftUI

import ImagePlayground

​

@available(iOS 18.1, macOS 15.1, *)

struct ContentView: View {

    // Enabling the sheet

    @State var isPresented: Bool = false

    var storyPlaceholder: String = "Write your story here..."

    // URL of image created by AI

    @State var imageURL: URL?

    // Story prompt

    @State var story: String = ""

    // Determine the availability of the feature.

    @Environment(\.supportsImagePlayground) private var supportsImagePlayground

    var body: some View {

        if supportsImagePlayground {

            ScrollView {

                VStack(alignment: .center) {

                    ZStack {

                        // Image loaded from Image Playground generation

                        if let url = imageURL {

                            AsyncImage(url: url) { image in

                                image.resizable()

                                    .scaledToFill()

                                    .frame(width: 200, height: 300)

                                    .clipped()

                                    .cornerRadius(8)

                            } placeholder: {

                                ProgressView()

                            }

                        } else {

                            ZStack(alignment: .center){

                                RoundedRectangle(cornerRadius: 8)

                                    .fill(Color.red)

                                    .frame(width: 200, height: 300)

                            }

                            if imageURL == nil {

                                Text("""

                                    Story

                                    Cover

                                    Generator 

                                """)

                                .font(.title)

                                .bold()

                            }

                        }

                    }

                    .shadow(color: .black.opacity(0.3), radius: 8, x: 4, y: 4)

                    .padding()

                    VStack(alignment: .leading) {

                        Text("Story:")

                            .font(.title3)

                            .bold()

                            .padding(.bottom, 5)

                        Text("Describe your story in no more than 250 words")

                            .font(.subheadline)

                            .bold()

                            .foregroundStyle(.secondary)

                            .padding(.bottom)

                        TextField(storyPlaceholder, text: $story, axis: .vertical)

                            .lineLimit(15)

                            .padding(5)

                            .background(Color.clear)

                            .overlay(

                                RoundedRectangle(cornerRadius: 12)

                                    .stroke(Color.red.opacity(0.5), lineWidth: 1)

                            )

                    }

                    .padding()

                }

                .padding()

                Button {

                    isPresented = self.checkStoryLength(story: story)

                } label: {

                    Text("Generate")

                        .foregroundStyle(.red)

                }

                // ImagePlayground Sheet Presenter

                .imagePlaygroundSheet(

                    isPresented: $isPresented,

                    concepts: [ImagePlaygroundConcept.extracted(from: story, title: nil)]) { url in

                    imageURL = url

                }

                .padding()

            }

        } else {

            Text("This device does not support Image Generation feature.")

                .foregroundStyle(.red)

        }

    }

    // Check the lenght of Story

    private func checkStoryLength(story: String) -> Bool {

        if story.components(separatedBy: " ").count >= 250 {

            return false

        }

        return true

    }

}

extension StoryCoverGeneratorViewController {
    
    @IBAction
    private func openImagePlayground(with story: String) {
        // 1. Initialize the playground
        let playground = ImagePlaygroundViewController()
        
        // 2. Delegation
        playground.delegate = self
        
        // 2. Set extracted concepts from the story in the playground
        playground.concepts = [.extracted(from: story, title: nil)]
        
        // 3. Present the ImagePlaygroundViewController
        present(playground, animated: true, completion: nil)
    }
    
}

xxxxxxxxxx

extension StoryCoverGeneratorViewController {

    @IBAction

    private func openImagePlayground(with story: String) {

        // 1. Initialize the playground

        let playground = ImagePlaygroundViewController()

        // 2. Delegation

        playground.delegate = self

        // 2. Set extracted concepts from the story in the playground

        playground.concepts = [.extracted(from: story, title: nil)]

        // 3. Present the ImagePlaygroundViewController

        present(playground, animated: true, completion: nil)

    }

}

// Conforming to ImagePlaygroundViewController.Delegate
extension StoryCoverGeneratorViewController: ImagePlaygroundViewController.Delegate {
    
    // 1. The delegate stub returning the generated image to the delegate
    func imagePlaygroundViewController(_ imagePlaygroundViewController: ImagePlaygroundViewController, didCreateImageAt imageURL: URL) {
        // 2. Set the image 
        if let image = UIImage(contentsOfFile: imageURL.path) {
            imageView.image = image
        } else {
            print("Error loading image from URL: \(imageURL)")
        }
        
        // 3. Dismiss the sheet
        dismiss(animated: true, completion: nil)
    }
    
}

xxxxxxxxxx

// Conforming to ImagePlaygroundViewController.Delegate

extension StoryCoverGeneratorViewController: ImagePlaygroundViewController.Delegate {

    // 1. The delegate stub returning the generated image to the delegate

    func imagePlaygroundViewController(_ imagePlaygroundViewController: ImagePlaygroundViewController, didCreateImageAt imageURL: URL) {

        // 2. Set the image 

        if let image = UIImage(contentsOfFile: imageURL.path) {

            imageView.image = image

        } else {

            print("Error loading image from URL: \(imageURL)")

        }

        // 3. Dismiss the sheet

        dismiss(animated: true, completion: nil)

    }

}

import UIKit
import ImagePlayground

class StoryCoverGeneratorViewController: UIViewController {
    
    // Image Generated View that will display the generated image
    private lazy var imageView: UIImageView = { ... }()
    
    // Cover Label
    private let coverLabel: UILabel = { ... }()
    
    // Headline
    private let storyLabel: UILabel = { ... }()
    
    // Subheadline
    private let instructionLabel: UILabel = { ... }()
    
    // TextField
    private let storyTextField: UITextField = { ... }()
    
    // Generate Button
    private let generateButton: UIButton = { ... }()
    
    // Lifecycle
    override func viewDidLoad() {
        super.viewDidLoad()
        setupUI()
    }
    
    // Setting up the UI: add the subviews and the layout constraints
    private func setupUI() { ... }
    
    // 1. Method triggered on the button tap
    @objc private func generateButtonTapped() {
        // 2. Check the length of story input
        if let storyText = storyTextField.text, storyText.components(separatedBy: " ").count <= 250 {
            // 3. Present the Image Playground interface
            openImagePlayground(with: storyText)
        } else {
            // 4. Present Error Alert
            let alert = UIAlertController(title: "Invalid Input", message: "Please limit your story to 250 words.", preferredStyle: .alert)
            alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))
            present(alert, animated: true, completion: nil)
        }
    }
}

extension StoryCoverGeneratorViewController: ImagePlaygroundViewController.Delegate {
    
    // Initialize and present the Image Playground interface.
    @IBAction
    private func openImagePlayground(with story: String) {
        // Initialize the playground, get set up to be notified of lifecycle events.
        let playground = ImagePlaygroundViewController()
        playground.delegate = self
        // Set extracted concepts from the story in the playground
        playground.concepts = [.extracted(from: story, title: nil)]
        present(playground, animated: true, completion: nil)
    }
    
    // The delegate stub returning the generated image to the delegate
    func imagePlaygroundViewController(_ imagePlaygroundViewController: ImagePlaygroundViewController, didCreateImageAt imageURL: URL) {
        // Add the image to the image view
        if let image = UIImage(contentsOfFile: imageURL.path) {
            imageView.image = image
        } else {
            print("Error loading image from URL: \(imageURL)")
        }
        
        dismiss(animated: true, completion: nil)
    }
}

xxxxxxxxxx

import UIKit

import ImagePlayground

​

class StoryCoverGeneratorViewController: UIViewController {

    // Image Generated View that will display the generated image

    private lazy var imageView: UIImageView = { ... }()

    // Cover Label

    private let coverLabel: UILabel = { ... }()

    // Headline

    private let storyLabel: UILabel = { ... }()

    // Subheadline

    private let instructionLabel: UILabel = { ... }()

    // TextField

    private let storyTextField: UITextField = { ... }()

    // Generate Button

    private let generateButton: UIButton = { ... }()

    // Lifecycle

    override func viewDidLoad() {

        super.viewDidLoad()

        setupUI()

    }

    // Setting up the UI: add the subviews and the layout constraints

    private func setupUI() { ... }

    // 1. Method triggered on the button tap

    @objc private func generateButtonTapped() {

        // 2. Check the length of story input

        if let storyText = storyTextField.text, storyText.components(separatedBy: " ").count <= 250 {

            // 3. Present the Image Playground interface

            openImagePlayground(with: storyText)

        } else {

            // 4. Present Error Alert

            let alert = UIAlertController(title: "Invalid Input", message: "Please limit your story to 250 words.", preferredStyle: .alert)

            alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))

            present(alert, animated: true, completion: nil)

        }

    }

}

​

extension StoryCoverGeneratorViewController: ImagePlaygroundViewController.Delegate {

    // Initialize and present the Image Playground interface.

    @IBAction

    private func openImagePlayground(with story: String) {

        // Initialize the playground, get set up to be notified of lifecycle events.

        let playground = ImagePlaygroundViewController()

        playground.delegate = self

        // Set extracted concepts from the story in the playground

        playground.concepts = [.extracted(from: story, title: nil)]

        present(playground, animated: true, completion: nil)

    }

    // The delegate stub returning the generated image to the delegate

    func imagePlaygroundViewController(_ imagePlaygroundViewController: ImagePlaygroundViewController, didCreateImageAt imageURL: URL) {

        // Add the image to the image view

        if let image = UIImage(contentsOfFile: imageURL.path) {

            imageView.image = image

        } else {

            print("Error loading image from URL: \(imageURL)")

        }

        dismiss(animated: true, completion: nil)

    }

}

import UIKit
import ImagePlayground

class StoryCoverGeneratorViewController: UIViewController {
    
    // Properties of the view controller
    
    // Generate Button
    private let generateButton: UIButton = {
        
        // Code that creates the button
        
        // 1. Add the action to the target
        button.addTarget(self, action: #selector(generateButtonTapped), for: .touchUpInside)
        return button
    }()
    
    // Methods of the view controller
}

xxxxxxxxxx

import UIKit

import ImagePlayground

​

class StoryCoverGeneratorViewController: UIViewController {

    // Properties of the view controller

    // Generate Button

    private let generateButton: UIButton = {

        // Code that creates the button

        // 1. Add the action to the target

        button.addTarget(self, action: #selector(generateButtonTapped), for: .touchUpInside)

        return button

    }()

    // Methods of the view controller

}