【Swift】PencilKitをマスターするための20選の手引き

import PencilKit
import UIKit

class ViewController: UIViewController {

    private var canvasView: PKCanvasView!

    override func viewDidLoad() {
        super.viewDidLoad()

        canvasView = PKCanvasView(frame: self.view.bounds)
        self.view.addSubview(canvasView)
    }
}

import PencilKit
import UIKit

class ViewController: UIViewController {

    private var canvasView: PKCanvasView!

    override func viewDidLoad() {
        super.viewDidLoad()

        canvasView = PKCanvasView(frame: self.view.bounds)
        canvasView.backgroundColor = UIColor.lightGray
        canvasView.contentSize = CGSize(width: 2000, height: 2000)
        self.view.addSubview(canvasView)
    }
}

import PencilKit
import UIKit

class ViewController: UIViewController, PKToolPickerObserver {

    private var canvasView: PKCanvasView!
    private var toolPicker: PKToolPicker!

    override func viewDidLoad() {
        super.viewDidLoad()

        canvasView = PKCanvasView(frame: self.view.bounds)
        self.view.addSubview(canvasView)

        toolPicker = PKToolPicker.shared(for: self.view.window!)
        toolPicker.setVisible(true, forFirstResponder: canvasView)
        toolPicker.addObserver(canvasView)
        canvasView.becomeFirstResponder()
    }
}

import PencilKit

// PKCanvasViewのインスタンスを生成
let canvasView = PKCanvasView(frame: self.view.bounds)

// ペンツールを設定
let penTool = PKInkingTool(.pen, color: .black, width: 5)

// ツールをキャンバスにセット
canvasView.tool = penTool

// キャンバスをViewに追加
self.view.addSubview(canvasView)

// 消しゴムツールを設定
let eraserTool = PKEraserTool(.vector)

// ツールをキャンバスにセット
canvasView.tool = eraserTool

// 赤色のペンツールをカスタマイズして設定
let redPen = PKInkingTool(.pen, color: .red, width: 10)

// ツールをキャンバスにセット
canvasView.tool = redPen

import PencilKit

// PKCanvasViewのインスタンス生成
let canvasView = PKCanvasView(frame: CGRect(x: 0, y: 0, width: 400, height: 400))

// 複数のレイヤーを作成
let backgroundLayer = CAShapeLayer()
let drawingLayer = CAShapeLayer()

// レイヤーをキャンバスに追加
canvasView.layer.addSublayer(backgroundLayer)
canvasView.layer.addSublayer(drawingLayer)

import PencilKit

// PKCanvasViewとPKDrawingのインスタンス生成
let canvasView = PKCanvasView(frame: CGRect(x: 0, y: 0, width: 400, height: 400))
let annotationDrawing = PKDrawing()

// 注釈を追加する位置を指定
let annotationPoint = CGPoint(x: 100, y: 100)

// 注釈の描画内容を定義
let annotationPath = UIBezierPath()
annotationPath.move(to: annotationPoint)
annotationPath.addLine(to: CGPoint(x: annotationPoint.x + 50, y: annotationPoint.y))
annotationPath.addLine(to: CGPoint(x: annotationPoint.x, y: annotationPoint.y + 50))

let annotationTool = PKInkingTool(.pen, color: .red, width: 5)
let annotationStroke = PKStroke(ink: annotationTool.ink, path: annotationPath.cgPath)
let annotation = PKDrawing(strokes: [annotationStroke])

// 注釈をキャンバスに追加
canvasView.drawing = annotationDrawing.appending(annotation)

import PencilKit

// PKCanvasViewのインスタンス生成
let canvasView = PKCanvasView(frame: CGRect(x: 0, y: 0, width: 400, height: 400))

// 画像の読み込み
let image = UIImage(named: "sampleImage")!
let imageView = UIImageView(image: image)
imageView.frame = canvasView.bounds

// 画像をキャンバスの下層に追加
canvasView.addSubview(imageView)
canvasView.sendSubviewToBack(imageView)

import PencilKit

// PKCanvasViewとPKDrawingのインスタンス生成
let canvasView = PKCanvasView(frame: CGRect(x: 0, y: 0, width: 400, height: 400))
let drawing = PKDrawing()

// 手書きテキストのデータを取得
let handwrittenTextData = drawing.dataRepresentation()

// 変換処理（外部APIやライブラリが必要）
let convertedText = convertHandwrittenToDigitalText(data: handwrittenTextData)

print("変換後のテキスト:", convertedText)

import PencilKit

class DrawingViewController: UIViewController {

    // PencilKitのPKCanvasViewを弱参照で保持
    weak var canvasView: PKCanvasView?

    override func viewDidLoad() {
        super.viewDidLoad()

        let canvas = PKCanvasView(frame: self.view.bounds)
        self.view.addSubview(canvas)
        self.canvasView = canvas
    }

    deinit {
        // ここでリソースの解放などの処理を行う
        print("DrawingViewControllerが解放されました")
    }
}

import PencilKit

class FastDrawingViewController: UIViewController {

    var canvasView: PKCanvasView!

    override func viewDidLoad() {
        super.viewDidLoad()

        canvasView = PKCanvasView(frame: self.view.bounds)
        // レンダリングの品質と速度を調整
        canvasView.drawingPolicy = .anyInput
        canvasView.allowsFingerDrawing = false
        self.view.addSubview(canvasView)
    }
}

import PencilKit

// カスタムブラシの設定
let myBrush = PKInkingTool(.pen, color: UIColor.blue, width: 10)

// カスタムブラシをツールピッカーに追加
let toolPicker = PKToolPicker.shared(for: window)!
toolPicker.setAvailableInkingTools([myBrush], for: canvas)

import PencilKit

let toolPicker = PKToolPicker.shared(for: window)!
toolPicker.setVisible(true, forFirstResponder: canvas)
toolPicker.setRulerActive(false)
toolPicker.setVisibleInkingTools(["pen", "pencil"], forFirstResponder: canvas)

import PencilKit
import UIKit

let fadeAnimation = CABasicAnimation(keyPath: "opacity")
fadeAnimation.fromValue = 1.0
fadeAnimation.toValue = 0.0
fadeAnimation.duration = 3.0

canvas.layer.add(fadeAnimation, forKey: "fade")

import PencilKit

// PencilKitのキャンバスを作成
let canvasView = PKCanvasView(frame: self.view.bounds)
canvasView.allowsFingerDrawing = false // 3Dタッチのみを有効にする

// 3Dタッチの感度を設定
canvasView.maximumForce = 6.0
canvasView.forceSensitivity = 2.5

self.view.addSubview(canvasView)

import PencilKit
import ExternalDeviceFramework // 外部デバイスとの連携をサポートするフレームワーク

// PencilKitのキャンバスを作成
let canvasView = PKCanvasView(frame: self.view.bounds)

// 外部デバイスの設定
let externalDevice = ExternalDeviceFramework.connect(to: "DeviceName")
externalDevice.delegate = canvasView

self.view.addSubview(canvasView)

import UIKit
import PencilKit
import SpriteKit

class GameViewController: UIViewController {

    private var canvasView: PKCanvasView!
    private var skView: SKView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // PencilKitのキャンバス設定
        canvasView = PKCanvasView(frame: self.view.bounds)
        canvasView.tool = PKInkingTool(.pen, color: .black, width: 5.0)
        self.view.addSubview(canvasView)

        // SpriteKitのビュー設定
        skView = SKView(frame: self.view.bounds)
        skView.allowsTransparency = true
        self.view.addSubview(skView)

        let scene = SKScene(size: skView.bounds.size)
        scene.backgroundColor = .clear
        skView.presentScene(scene)
    }

    @IBAction func convertToGameBackground(_ sender: Any) {
        let image = canvasView.drawing.image(from: canvasView.bounds, scale: 1.0)
        let texture = SKTexture(image: image)
        let background = SKSpriteNode(texture: texture, size: skView.bounds.size)
        background.position = CGPoint(x: skView.bounds.midX, y: skView.bounds.midY)
        skView.scene?.addChild(background)
    }
}

import UIKit
import PencilKit

class CanvasViewController: UIViewController {

    @IBOutlet weak var canvasView: PKCanvasView!

    // キャンバスの内容をエクスポートする
    func exportCanvas() -> Data? {
        return canvasView.drawing.dataRepresentation()
    }

    // 保存したデータをキャンバスにインポートする
    func importCanvas(data: Data) {
        if let drawing = try? PKDrawing(data: data) {
            canvasView.drawing = drawing
        }
    }
}

import UIKit
import PencilKit
import CloudKit

class CloudSyncViewController: UIViewController {

    @IBOutlet weak var canvasView: PKCanvasView!

    // iCloudのDocumentディレクトリのパスを取得
    var iCloudDocumentsURL: URL? {
        return FileManager.default.url(forUbiquityContainerIdentifier: nil)?.appendingPathComponent("Documents")
    }

    // キャンバスの内容をiCloudに保存
    func saveToCloud() {
        guard let url = iCloudDocumentsURL?.appendingPathComponent("canvasDrawing.data") else { return }

        let data = canvasView.drawing.dataRepresentation()
        try? data.write(to: url)
    }

    // iCloudからキャンバスの内容を読み込む
    func loadFromCloud() {
        guard let url = iCloudDocumentsURL?.appendingPathComponent("canvasDrawing.data"),
              let data = try? Data(contentsOf: url),
              let drawing = try? PKDrawing(data: data) else { return }

        canvasView.drawing = drawing
    }
}