我正在构建一个 iOS 应用程序，我需要一种方法来将旋转(通过 CABasicAnimation)图像反射到下面的表面，就像半透明 Material 效果一样。这是我对名为 indicator 和 indicatorReflection 的图像进行初始化的代码:

#define rotation_reflected(ANG) CGAffineTransformMakeRotation(M_PI/2 - (ANG * M_PI / 180.0))
#define rotation(ANG) CGAffineTransformMakeRotation(-M_PI/2 - (ANG * M_PI / 180.0))
[self rotateIndicator:0];

-(void)rotateIndicator:(float)degrees{
    self.indicatorView.transform = rotation(degrees);
    self.indicatorReflectionView.transform = rotation_reflected(degrees);
}

之后，我使用以下代码为它们制作动画:

-(void)startWanderingIndicator{
    CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform"];
    CATransform3D xform = CATransform3DMakeAffineTransform(rotation(180));
    anim.toValue = [NSValue valueWithCATransform3D:xform];
    anim.duration = 4.0f;
    anim.fillMode = kCAFillModeForwards;
    anim.removedOnCompletion = NO;
    [self.indicatorView.layer addAnimation:anim forKey:@"rotation"];


    anim = [CABasicAnimation animationWithKeyPath:@"transform"];
    xform = CATransform3DMakeAffineTransform(rotation_reflected(180));
    anim.toValue = [NSValue valueWithCATransform3D:xform];
    anim.duration = 4.0f;
    anim.fillMode = kCAFillModeForwards;
    anim.removedOnCompletion = NO;
    [self.indicatorReflectionView.layer addAnimation:anim forKey:@"rotation"];

}

第一个没有问题。问题始于反射 View 。我已经尝试了几乎所有的 +/- PI/2 和 +/- ANGLE 组合，但我永远无法使反射 View 遵循正确的反射路径。我不是三角学专家，但这对于懂一些数学的人来说应该是非常微不足道的事情，除此之外，我已经尝试了所有可能的组合，无论如何其中一个应该是正确答案。是我的旋转计算代码有问题，还是与动画/变换方法有关？

谢谢，

可以。

最佳答案

您的功能可能应该是:

#define rotation_reflected(ANG) CGAffineTransformMakeRotation(M_PI/2 + (ANG * M_PI / 180.0))
#define rotation(ANG) CGAffineTransformMakeRotation(-M_PI/2 - (ANG * M_PI / 180.0))

注意第一行的+号；您希望这两个对象以相反的方向 旋转。但是，您仍然不会拥有正确的外观，除非您翻转其中一个 View (不能仅通过旋转来模拟镜像)。尝试制作一个 subview ，它在例如 y 轴上具有 -1 的比例变换。

不过，这可能无法满足您的要求，因为转换无法知道您尝试旋转的方向。(假设您从中午旋转到 6 点钟；您可以指定从从上到下，但 CABasicAnimation 不知道你是指顺时针还是逆时针；变换没有“符号”，所以它无法区分 180 度和 -180 度。)

获得预期效果的方法是使用CAValueFunction。无需指定从和到变换，您可以指定要执行的操作(绕 Z 轴旋转)以及从哪个角度旋转到哪个角度(在这种情况下，它将遵循符号)。引用CAValueFunction docs :

You use a value transform function that rotates from 0° to 180° around the z-axis by creating a CAValueTransform function specifying the kCAValueFunctionRotateZ and then creating an animation with a fromValue of 0, a toValue of M_PI, and set the animation’s valueTransform property to the value transform instance.

所以，你想要这样的东西:

-(void)startWanderingIndicator{
    CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform"];
    anim.valueFunction = [CAValueFunction functionWithName:kCAValueFunctionRotateZ];
    anim.toValue = rotation(180);
    anim.duration = 4.0f;
    anim.fillMode = kCAFillModeForwards;
    anim.removedOnCompletion = NO;
    [self.indicatorView.layer addAnimation:anim forKey:@"rotation"];


    anim = [CABasicAnimation animationWithKeyPath:@"transform"];
    anim.valueFunction = [CAValueFunction functionWithName:kCAValueFunctionRotateZ];
    anim.toValue = rotation_reflected(180);
    anim.duration = 4.0f;
    anim.fillMode = kCAFillModeForwards;
    anim.removedOnCompletion = NO;
    [self.indicatorReflectionView.layer addAnimation:anim forKey:@"rotation"];
}

关于ios - 如何反射(reflect)旋转的 ImageView ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14329808/