如何使用UIView创建自定义翻转动画

debugcn 发表于 Dev

劳尔·斯特凡（Laur Stefan）

我正在尝试为UIView创建类似于默认翻转动画的自定义动画，但是没有实际的翻转，也没有我想在左侧而不是在中心的翻转轴。这是我要完成但未重复的示例：

在此处输入图片说明

同样在代码中，我将UILabel添加为子视图和其他一些元素。

如果您可以提供一个代码示例，将不胜感激，非常感谢您的支持！

更新：

使用@artal提供的示例并获得了UIImageView的所需效果，但是如何为UIButton获取相同的示例？

尝试了下一个代码：

objectivesButton = [[UIButton alloc] initWithFrame:CGRectMake( 0.25f * [UIScreen mainScreen].bounds.size.width, 0.7f * [UIScreen mainScreen].bounds.size.height, 0.5f * [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height * 0.3f)];
[objectivesButton addTarget:self
                action:@selector(startAnimationButton)
      forControlEvents:UIControlEventTouchUpInside];
objectivesButton.backgroundColor = [UIColor yellowColor];
objectivesButton.layer.anchorPoint = CGPointMake(0, 0.5);
[self.view addSubview:objectivesButton];

- (void)startAnimationButton{

CATransform3D perspectiveTrasnform = CATransform3DIdentity;
perspectiveTrasnform.m34 = -0.004;

CGFloat rotateAngleDeg = 90;
CATransform3D flipTransform = CATransform3DRotate(perspectiveTrasnform, rotateAngleDeg / 180.0 * M_PI, 0, 1.5, 0);
[UIView animateWithDuration:3.0f animations:^()
{
    objectivesButton.layer.transform = flipTransform;
}];

}

阿尔塔尔

您可以通过将透视图和旋转变换应用于其基础的CALayer（3D变换）来对视图进行动画处理。要从左侧开始，您可以设置anchorPoint图层的。这是一个例子：

UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"image.png"]];
imageView.center = CGPointMake(self.view.center.x - imageView.frame.size.width * 0.5, self.view.center.y + imageView.frame.size.height * 0.5);
imageView.layer.anchorPoint = CGPointMake(0, 1);
[self.view addSubview:imageView];

CATransform3D perspectiveTrasnform = CATransform3DIdentity;
perspectiveTrasnform.m34 = -0.004;

CGFloat rotateAngleDeg = 90;
CATransform3D flipTransform = CATransform3DRotate(perspectiveTrasnform, rotateAngleDeg / 180.0 * M_PI, 0, 1, 0);
[UIView animateWithDuration:5 animations:^()
{
    imageView.layer.transform = flipTransform;
}];

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。