HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了ios – 在滚动视图内缩放旋转图像以适合(填充)叠加矩形的帧大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
通过 this question and answer,我现在有了一种工作方法,可以检测任意旋转的图像何时不完全在裁剪矩形之外.

下一步是弄清楚如何正确调整它包含滚动视图缩放,以确保裁剪矩形内没有空格.为了澄清,我想放大(放大)图像;作物直肠应保持未转化.

布局层次结构如下所示:

containing UIScrollView
    UIImageView (this gets arbitrarily rotated)
        crop rect overlay view

… UIImageView也可以在scrollView中进行缩放和平移.

有4个手势事件需要虑:

>平移手势(完成):通过检测它是否被错误地平移并重置contentOffset来完成.
>旋转CGAffineTransform
>滚动视图缩放
>调整裁剪矩形覆盖框架

据我所知,我应该能够使用相同的逻辑2,3和4来调整滚动视图的zoomScale,以使图像正确匹配.

如何正确计算使旋转的图像完全适合裁剪矩形所需的缩放比例?

为了更好地说明我想要完成的任务,这里是一个不正确大小的示例:

我需要计算必要的缩放比例,使它看起来像这样

这是我到目前为止使用的Oluseyi解决方案的代码.当旋转角度很小(例如小于1弧度)时,它可以工作,但除此之外的任何东西都会变得非常糟糕.

CGRect visibleRect = [_scrollView convertRect:_scrollView.bounds toView:_imageView];
CGRect cropRect = _cropRectView.frame;

CGFloat rotationAngle = fabs(self.rotationAnglE);

CGFloat a = visibleRect.size.height * sinf(rotationAnglE);
CGFloat b = visibleRect.size.width * cosf(rotationAnglE);
CGFloat c = visibleRect.size.height * cosf(rotationAnglE);
CGFloat d = visibleRect.size.width * sinf(rotationAnglE);

CGFloat zoomDiff = MAX(cropRect.size.width / (a + b),cropRect.size.height / (c + d));
CGFloat newZoomScale = (zoomDiff > 1) ? zoomDiff : 1.0 / zoomDiff;

[UIView animateWithDuration:0.2
                      delay:0.05
                    options:NO
                 animations:^{
                         [self centerToCropRect:[self convertRect:cropRect toView:self.zoomingView]];
                         _scrollView.zoomScale = _scrollView.zoomScale * newZoomScale;
                 } completion:^(BOOL finished) {
                     if (![self rotatedView:_imageView containsViewCompletely:_cropRectView]) 
                     {
                         // Damn,it's still broken - this happens a lot
                     }
                     else
                     {
                         // Woo! Fixed
                     }
                     _didDetectBadRotation = NO;
                 }];

注意我正在使用AutoLayout,这使得框架和边界变得愚蠢.

解决方法

假设您的图像矩形(图中的蓝色)和裁剪矩形(红色)具有相同的纵横比和中心.旋转时,图像矩形现在有一个边界矩形(绿色),这是您希望裁剪缩放到的(有效地,通过缩小图像).

要有效扩展,您需要知道新边界矩形的尺寸,并使用适合裁剪矩形的比例因子.边界矩形的尺寸相当明显

(a + b) x (c + d)

请注意,每个段a,b,c,d是由边界矩形和旋转图像rect形成的直角三角形的相邻或相对侧.

a = image_rect_height * sin(rotation_anglE)
b = image_rect_width * cos(rotation_anglE)
c = image_rect_width * sin(rotation_anglE)
d = image_rect_height * cos(rotation_anglE)

您的比例因子很简单

@H_408_6@mAX(crop_rect_width / (a + b),crop_rect_height / (c + d))

这是一个图:

大佬总结

以上是大佬教程为你收集整理的ios – 在滚动视图内缩放旋转图像以适合(填充)叠加矩形的帧全部内容,希望文章能够帮你解决ios – 在滚动视图内缩放旋转图像以适合(填充)叠加矩形的帧所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。