PDFPageOverlayViewProviderを利用したPKToolの変更の仕方が思いつかない

Question

実現したいこと

swiftuiでPDFKitのPDFPageOverlayViewProviderを利用し、PDF上にPKCanvasViewをセットしています。
canvasに利用するペンや消しゴムを作るため、

canvasView.tool = PKInkingTool(.pen, width: 20)

の部分を変更したいのですが、うまくいきません。
どなたかお力をお貸しください。お願いします。
以下が全体のコードです。

import SwiftUI
import PencilKit
import PDFKit

struct SwiftUIView: View {
    
    var body: some View {
        VStack {
            HStack{
                Button(action: {
                    //ここがわからない
                }, label: {
                    Text("ペン")
                })
                Button(action: {
                    //ここがわからない
                }, label: {
                    Text("消しゴム")
                })
                
            }
            PdfView()
        }
    }
}

struct PdfView : UIViewRepresentable {
    typealias UIViewType = PDFView
    
    let overlayProvider = OverlayCoordinator()
    func makeUIView(context: Context) -> PDFView {
        let pdfView: PDFView = PDFView()
        if let url =  Bundle.main.url(forResource: "example", withExtension: "pdf") {
            pdfView.pageOverlayViewProvider = overlayProvider
            pdfView.document = PDFDocument(url: url)
            pdfView.autoScales = true
            pdfView.isInMarkupMode = true
        }
        return pdfView
    }
    func updateUIView(_ uiView: PDFView, context: Context) {
    }
}

class OverlayCoordinator : NSObject,PDFPageOverlayViewProvider {
    func pdfView(_ view: PDFView, overlayViewFor page: PDFPage) -> UIView? {
        let canvasView = PKCanvasView()
        canvasView.drawingPolicy = .anyInput
        canvasView.tool = PKInkingTool(.pen, width: 1)  //ここがtoolを定義しているところ
        canvasView.backgroundColor = .clear
        return canvasView
    }
}
#Preview {
    SwiftUIView()
}

発生している問題・分からないこと

ボタンを押すことでPKToolを変更したい。
@publishedや@bindingで値を渡すことを考えたが、classではできなかった。

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

PDFPageOverlayViewProviderで検索すると、この位置にtoolを定義しているものしか見当たりませんでした。WWDC22を参照しているものが多いからだと思います。
（WWDC22 PDFKitの新機能）
PKToolPickerをこの位置に入力すると、ペンや消しゴムが使えるようにはなりますが、toolの表示・非表示がうまくいかなくなる問題が発生したことと、余計なツールが多かったので、今回は見送っています。

pdfViewのoverlayProviderにtoolを上書きしても、変更されませんでした。

補足

yametaiさんからいただいたコードの追記

import SwiftUI
import PencilKit
import PDFKit

struct SwiftUIView: View {
    @State private var isPen = true
    var body: some View {
        VStack {
            HStack{
                Button(action: {
                    isPen = true
                }, label: {
                    Text("ペン")
                })
                Button(action: {
                    isPen = false
                }, label: {
                    Text("消しゴム")
                })
                
            }
            PdfView(isPen: $isPen)
        }
    }
}

struct PdfView : UIViewRepresentable {
    typealias UIViewType = PDFView
    @Binding var isPen: Bool
    let overlayProvider = OverlayCoordinator()
    func makeUIView(context: Context) -> PDFView {
        let pdfView: PDFView = PDFView()
        if let url =  Bundle.main.url(forResource: "example", withExtension: "pdf") {
            pdfView.pageOverlayViewProvider = overlayProvider
            pdfView.document = PDFDocument(url: url)
            pdfView.autoScales = true
            pdfView.isInMarkupMode = true
        }
        return pdfView
    }
    func updateUIView(_ uiView: PDFView, context: Context) {

        if isPen {
            print("pen")
            overlayProvider.setPen()
        } else {
            print("eraser")
            overlayProvider.setEraser()
        }

    }
}

class OverlayCoordinator : NSObject,PDFPageOverlayViewProvider {
    var pageToViewMapping = [PDFPage: PKCanvasView]()  //補足追加
    var canvasView: PKCanvasView = PKCanvasView()
    
    func pdfView(_ view: PDFView, overlayViewFor page: PDFPage) -> UIView? {
//        let canvasView = PKCanvasView()
        var resultView:PKCanvasView? = nil
        // 編集・追加↓
        if let overlayView = pageToViewMapping[page] {
            resultView = overlayView
        } else {
            let canvasView = PKCanvasView()
            canvasView.drawingPolicy = .anyInput
            canvasView.tool = PKInkingTool(.pen, width: 20)
            canvasView.backgroundColor = .clear
            pageToViewMapping[page] = canvasView
            resultView = canvasView
        }
        return resultView
        // 編集・追加↑
    }
    func setPen() {
        canvasView.tool = PKInkingTool(.pen, width: 1)
    }
    func setEraser() {
        canvasView.tool = PKEraserTool(.bitmap)
    }

}

環境 macOS Ventura 13.6.6
xcode Version 15.2

Comments

[yametai]

コメントありがとうございます。

> OverlayCoordinatoのcanvasView = PKCanvasView()をfunc外に出してしまうと、ペン自体が描けなくなってしまいます。
> この場合どの辺りに原因がありそうでしょうか？

canvasViewをfuncの外に出しただけでは影響しないと思うのですが、描けないのですね。
もう一度全体のコードが見たいですので、質問欄に追加で(最初のコードは残したままで)
最新のコードも追記してもらえますか？

それから、環境も質問欄に書いてあると良いと思います。
＊私の環境は下のもので、少し古いかもしれません
macOS Sonoma 14.4.1
Xcode Version 15.2

[Gameno]

コメントありがとうございます。
今確認中に気がついたのですが、PDFが2枚以上の場合に書けなくなるようです。
全体のコードは回答いただいたコードをそのままコピーして使用しました。
ただ、質問の見栄えを考えて少しコードを削りすぎていたので、回答いただいたコードに少し変更したものを補足に追記させていただきます。
追記したコードにより、初期設定のpenは書けるようになったものの,buttonは反映しなくなっていしまいました。

Answer 1

次のような感じですか。

import SwiftUI
import PencilKit
import PDFKit

struct SwiftUIView: View {
    @State private var isPen = true // 追加
    var body: some View {
        VStack {
            HStack{
                Button(action: {
                    //ここがわからない
                    isPen = true // 追加
                }, label: {
                    Text("ペン")
                })
                Button(action: {
                    //ここがわからない
                    isPen = false // 追加
                }, label: {
                    Text("消しゴム")
                })
                
            }
            PdfView(isPen: $isPen) // 変更
        }
    }
}

struct PdfView : UIViewRepresentable {
    typealias UIViewType = PDFView
    @Binding var isPen: Bool // 追加
    let overlayProvider = OverlayCoordinator()
    func makeUIView(context: Context) -> PDFView {
        let pdfView: PDFView = PDFView()
        if let url =  Bundle.main.url(forResource: "example", withExtension: "pdf") {
            pdfView.pageOverlayViewProvider = overlayProvider
            pdfView.document = PDFDocument(url: url)
            pdfView.autoScales = true
            pdfView.isInMarkupMode = true
        }
        return pdfView
    }
    func updateUIView(_ uiView: PDFView, context: Context) {
        // 追加↓
        if isPen {
            print("pen")
            overlayProvider.setPen()
        } else {
            print("eraser")
            overlayProvider.setEraser()
        }
        // 追加↑
    }
}

class OverlayCoordinator : NSObject,PDFPageOverlayViewProvider {
    var canvasView: PKCanvasView = PKCanvasView() // 追加
    func pdfView(_ view: PDFView, overlayViewFor page: PDFPage) -> UIView? {
//        let canvasView = PKCanvasView()
        canvasView.drawingPolicy = .anyInput
        canvasView.tool = PKInkingTool(.pen, width: 1)  //ここがtoolを定義しているところ
        canvasView.backgroundColor = .clear
        return canvasView
    }
    // 追加↓
    func setPen() {
        canvasView.tool = PKInkingTool(.pen, width: 1)
    }
    func setEraser() {
        canvasView.tool = PKEraserTool(.bitmap)
    }
    // 追加↑
}

参考

Section 4
Add a custom page control

Interfacing with UIKit — SwiftUI Tutorials | Apple Developer Documentation

追記

今確認中に気がついたのですが、PDFが2枚以上の場合に書けなくなるようです。
追記したコードにより、初期設定のpenは書けるようになったものの,buttonは反映しなくなっていしまいました。

コメントありがとうございます。
確かに、最初の回答のコードでは、私の環境でもPDF2枚で確認したら、1枚目はtoolの設定が反映されていないようでした。(1枚のPDFでしか確認していませんでした・・)
ページによってPKCanvasViewを用意しないといけないのですね。
勉強になります。

これらを踏まえて、辞書で保持しているPKCanvasViewに対して全部toolを設定するように変更したら、想定通りになったように見えました。
＊OverlayCoordinatorの部分だけコードを追記します

class OverlayCoordinator : NSObject,PDFPageOverlayViewProvider {
    var pageToViewMapping = [PDFPage: PKCanvasView]()  //補足追加
//    var canvasView: PKCanvasView = PKCanvasView() // ＊＊＊削除
    
    func pdfView(_ view: PDFView, overlayViewFor page: PDFPage) -> UIView? {
        // 編集・追加↓
        if let overlayView = pageToViewMapping[page] {
            return overlayView
        }
        
        let canvasView = PKCanvasView()
        canvasView.drawingPolicy = .anyInput
        canvasView.tool = PKInkingTool(.pen, width: 20)
        canvasView.backgroundColor = .clear
        pageToViewMapping[page] = canvasView
        return canvasView
        // 編集・追加↑
    }
    func setPen() {
//        canvasView.tool = PKInkingTool(.pen, width: 1) // ＊＊＊削除
        for  i in pageToViewMapping { // ＊＊＊追加
            i.value.tool = PKInkingTool(.pen, width: 1) // ＊＊＊追加
        } // ＊＊＊追加
    }
    func setEraser() {
//        canvasView.tool = PKEraserTool(.bitmap) // ＊＊＊削除
        for  i in pageToViewMapping { // ＊＊＊追加
            i.value.tool = PKEraserTool(.bitmap) // ＊＊＊追加
        } // ＊＊＊追加
    }

}

Comments

[Gameno]

回答ありがとうございます。試してみましたが解決できませんでした。
OverlayCoordinatoのcanvasView = PKCanvasView()をfunc外に出してしまうと、ペン自体が描けなくなってしまいます。
この場合どの辺りに原因がありそうでしょうか？

[Gameno]

試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。
ずっと悩んでいたので、本当に助かりました。ありがとうございました。