RKUserResizableView is a user-resizable, user-repositionable UIView subclass built for iOS (Swift 3).
RKUserResizableView is a user-resizable, user-repositionable UIView subclass. It is modeled after the resizable image view from the Pages iOS app. Any UIView can be provided as the content view for the RKUserResizableView.
Include RKUserResizableView.swift in your project.
You'll need to construct a new instance of RKUserResizableView. Then, set the contentView on the RKUserResizableView to the view you'd like the user to interact with.
var currentlyEditingView:RKUserResizableView? = nil var lastEditedView:RKUserResizableView? = nil override func viewDidLoad() { super.viewDidLoad() // (1) Create a user resizable view with a simple red background content view. let gripFrame = CGRect(x: 50, y: 50, width: 200, height: 150) let userResizableView = RKUserResizableView(frame: gripFrame) userResizableView.delegate = self let contentView = UIView(frame: gripFrame) contentView.backgroundColor = UIColor.red userResizableView.contentView = contentView userResizableView.showEditingHandles() currentlyEditingView = userResizableView lastEditedView = userResizableView self.view.addSubview(userResizableView) // (2) Create a second resizable view with a UIImageView as the content. let imageFrame = CGRect(x: 50, y: 200, width: 200, height: 200) let imageResizableView = RKUserResizableView(frame: imageFrame) let imageView = UIImageView(image: UIImage(named: "smiley")) imageResizableView.contentView = imageView imageResizableView.delegate = self self.view.addSubview(imageResizableView) }
If you'd like to receive callbacks when the RKUserResizableView receives touchBegan:, touchesEnded: and touchesCancelled: messages, set the delegate on the RKUserResizableView accordingly.
userResizableView.delegate = self;
Then implement the following delegate methods.
// Called when the resizable view receives touchesBegan: and activates the editing handles. func userResizableViewDidBeginEditing(_ userResizableView: RKUserResizableView) // Called when the resizable view receives touchesEnded: or touchesCancelled: func userResizableViewDidEndEditing(_ userResizableView: RKUserResizableView)
By default, RKUserResizableView will show the editing handles (as seen in the screenshot above) whenever it receives a touch event. The editing handles will remain visible even after the userResizableViewDidEndEditing: message is sent. This is to provide visual feedback to the user that the view is indeed moveable and resizable. If you'd like to dismiss the editing handles, you must explicitly call hideEditingHandles().
The RKUserResizableView is customizable using the following properties:
// Default is 48.0 for each. var minWidth: CGFloat = 48.0 var minHeight: CGFloat = 48.0 // Defaults to YES. Disables the user from dragging the view outside the parent view's bounds. var isPreventsPositionOutsideSuperview: Bool = true
For an example of how to use RKUserResizableView, please see the included example project.
- Hat tip to Stephen Poletto spoletto