🐡

Xcode PlaygroundでUIViewのanimateを表示させる

2022/06/21に公開

一般のPreview

PlaygroundのPreviewは元々にUIKitを現像させることができます
例えば、Playgroundに以下のコードを入れて

import UIKit

let button = UIButton(frame: CGRect(x: 0, y: 0, width: 120, height: 80))
button.setTitle("BUTTON!!", for: .normal)
button.backgroundColor = .black

そして、コードをRun

次は、右パネルのこのアイコンをクリック

そしたらボタンのPreviewが無事に出ました

PlaygroundSupportによるPreview

animateのpreviewには、PlaygroundSupportのインポートが必須です

import UIKit
import PlaygroundSupport

let button = UIButton()
button.setTitle("BUTTON!!", for: .normal)
button.backgroundColor = .black


UIView.animate(withDuration: 1, delay: 0, options: [], animations: {
    button.transform = CGAffineTransform(scaleX: 2, y: 2)
    button.transform = .identity
})

PlaygroundPage.current.liveView = button

上のようにコードを入れて、そしてRun

このように、より精密なPreviewを実現させました

ちなみに、Live Previewが自動的に表示させてもらえなかったら
この場所で呼び出すことができます

Discussion