Enhancement Request: Improved Crop Experience of Resizing Crop Region of Zoomed-In Image

[rickshane]

Some image editing apps have a particular UX when it comes to resizing the crop region of a zoomed-in image.

Crop resizing UX typically involves adjusting the crop frame from one side along an axis or a corner point that will potentially expand/contract along two axes. If expanding, the expansion of the crop frame will continue until it meets the edge of the image. This is how Mantis currently functions for an image that is fully visible on screen along the axis being expanded (assuming the mask is turned off).

But if the image is zoomed-in and a portion of the image is off-screen in the direction of the crop frame expansion, then some adjustments will need to be made to the zoomScale and contentOffset of the scrollView to animate the image back in to view until an edge of the image along the expansion axis is met. In Freeform (unlocked) aspect ratio mode, this also causes the opposite axis of the crop frame to shrink in the simple case that expansion occurs along a single axis (this is to give the appearance that the crop frame is elongating along the expanding axis). This is an important UX enhancement that would greatly improve Mantis.

To complicate this experience, Catalyst UX should be different than iOS. Catalyst should hide the toolbar and use the entire View to resize the crop frame in the direction of the expansion. Typically on an iOS device, there are controls displayed on screen along with the grid control. In this case, the grid control should have a maximum size that is inset from any controls or tool bar that remain visible on screen during a resize operation. Currently, Mantis allows expansion below the toolbar which is an awkward experience.

[rickshane]

Here is a video showing enlarging along x axis to the left of zoomed in image:

Crop.Enlarging.Zoomed.In.Image.mov