ios - 如何为屏幕上的 UIViewController "off"的一些 subview 和屏幕上的其他 View "on"设置动画？

Question

这就是我想要实现的目标，我创建了 3 张图片，它们比以往任何时候都更好地描述了我想做的事情。

这是我想做的...

我想将“App Title”保留在原处。我现在还有一个 UIImageView，它占据了深黑色所在的整个屏幕，我希望它像“App Title”一样保持固定。

然而，当用户点击“创建帐户”时，在第一张图片上，我想为所有这些按钮设置动画，然后在屏幕外设置动画，然后在右侧的“创建帐户”按钮上设置动画。

我该怎么做。

请记住，我正在使用 Storyboard和自动布局约束。我已经在图片 #1 中创建了 View 。现在我需要弄清楚如何在“创建帐户” View 上制作动画。我怎样才能做到这一点，同时继续使用 Storyboard/IB 和自动布局，当然还要让它适用于所有手机？

Answer 1

给你一个例子来说明如何做到这一点

首先，我建议您使用包含 View 来包含文本字段和按钮。然后它就会变成动画两个包含 View 。

1. 拖动x位置的约束作为导出，在本演示中，它是中心x。同时拖动两个包含 View

   @property (weak, nonatomic) IBOutlet UIView *yellowView;
   @property (weak, nonatomic) IBOutlet UIView *greenView;
   @property (weak, nonatomic) IBOutlet NSLayoutConstraint *greenConstraint;
   @property (weak, nonatomic) IBOutlet NSLayoutConstraint *yellowConstraint;
   

1. 然后在viewDidLoad中，将yellowView设置离屏并设置隐藏 是的

   - (void)viewDidLoad {
        super viewDidLoad];
        self.yellowConstraint.constant = CGRectGetWidth(self.view.frame);
       [self.view layoutIfNeeded];
        self.yellowView.hidden = YES;
     }
   

2. 点击时，动画显示黄色 View

   - (IBAction)start:(id)sender {
       self.yellowConstraint.constant = 0;
       self.yellowView.hidden = NO;
       self.greenConstraint.constant = -1 * CGRectGetWidth(self.view.frame);
      [UIView animateWithDuration:0.5 animations:^{
         [self.view layoutIfNeeded];
      } completion:^(BOOL finished) {
         self.greenView.hidden = YES;
   }];
     }