Прототипирование анимаций в XCode Playground

Создание анимаций не всегда веселое занятие. Чаще всего это утомительный труд, который сопровождается бесконечными циклами запуска и проверки анимаций в симуляторе. Одно дело разработать концепт анимации, другое важное дело закончить эту работу полностью, отполировать анимацию, чтобы она выглядела идеально. Playground поможет сделать этот процесс эффективнее, убрав ненужные шаги.

XCode playground animations

Создаем Playground

Создаем Playground с настройками по умолчанию.

XCode create playground

Далее включим панель Navigator (пункт 2) и Assistant Editor (пункт 1). Первый пункт нужен как раз для того, чтобы видеть визуальную составляющую кода в Playground. Navigator нужен для того, чтобы добавить необходимые ресурсы (например изображения) в песочницу.

XCode playground assistant editor

Далее остался последний шаг настройки песочницы. Заставим правую часть работать как рендер. Для этого вставим следующий код.

import UIKit
import PlaygroundSupport

let containerView = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 375.0, height: 667.0))
containerView.backgroundColor = UIColor.blue
PlaygroundPage.current.liveView = containerView

Здесь мы создаем UIView и говорим текущей странице песочницы отображать все, что происходит. Должен получиться примерно следующий экран. 

XCode Playground Live View 

Комментарии

comments powered by Disqus