Search code examples
swiftxcode7calayeribdesignable

Layer transform matrix (CATransform3D, etc.) but with IBDesignable?


This class will put perspective on an upright image.

It works perfectly BUT does not work live in Storyboard with IBDesignable. Which is very sad.

Is it possible to use CATransform3D and the like for live display on Storyboard with IBDesignable??

// Twist.swift .. twist on Y, perspective from the left
import UIKit
@IBDesignable
class Twist:UIViewController
    {
    @IBInspectable var perspective:CGFloat = 0.5        // -1 to 1

    @IBOutlet var im:UIView!    // the image you want to twist on y

    override func prepareForInterfaceBuilder()
        { twist(perspective) }

    override func viewDidAppear(animated: Bool)
        {
        twist(perspective)
        super.viewWillAppear(animated)
        }

    func twist(f:CGFloat)           // -1 to 1
        {
        // hinge around left edge
        im.layer.anchorPoint = CGPointMake(0, 0.5)
        im.center = CGPointMake(0.0, self.view.bounds.size.height/2.0)

        // base transform, twist on y
        var t:CATransform3D = CATransform3DIdentity
        t.m34 = -1/500
        im.layer.transform = t
        im.layer.transform = CATransform3DRotate(t, f*CGFloat(M_PI_2), 0, 1, 0);
        }
    }

Solution

  • I already had an issue with live preview transformations. It seems it just doesn't work, maybe not implemented yet.

    There's a thing, only UIViews can be @IBDesignable. Here you can see that both of @UIDesignable classes can't be rendered. I created a Class TwistableView for the example.

    Class inspector for custom view controller Class inspector for custom view