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

1

5

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);
        }
    }
Inverness answered 18/5, 2016 at 23:27 Comment(0)
D
1

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

Dolores answered 19/5, 2016 at 10:9 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.