Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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);
        }
    }
like image 948
Fattie Avatar asked Nov 09 '22 15:11

Fattie


1 Answers

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

like image 180
Crazyrems Avatar answered Nov 29 '22 15:11

Crazyrems