当键盘出现自动布局时移动 UIView

Question

我有一个UIView，无论UIKeyboard 出现还是消失，我都想向上/向下移动它。不幸的是，我无法让它工作。 在AutoLayout 之前，这很容易，但自从AutoLayout 之后，我遇到了一些麻烦。

这是我目前所拥有的：

- (void)viewDidLoad {
    [super viewDidLoad];
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(keyboardWillShow:)
                                                 name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(keyboardWillHide:)
                                                 name:UIKeyboardWillHideNotification object:nil];
    self.keyboardIsShown = NO;

}

-(void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    [[NSNotificationCenter defaultCenter] removeObserver:self
                                                    name:UIKeyboardWillShowNotification
                                                  object:nil];
    [[NSNotificationCenter defaultCenter] removeObserver:self
                                                    name:UIKeyboardWillHideNotification
                                                  object:nil];
}


-(void)keyboardWillShow:(NSNotification*)notification{
    if (self.keyboardIsShown) {
        return;
    }

    //change y Position of self.loginView

    self.keyboardIsShown = YES;
}

-(void)keyboardWillHide:(NSNotification*)notification{
    //Change y Position of self.loginView
    self.keyboardIsShown = NO;
}

当然会调用这些方法，但我需要一些关于如何更改我的UIView 的 y 位置的指导。仅仅改变框架的 y 位置根本不起作用。

在这里，您可以找到我添加到 UIView 的约束的界面设置。

所以除了UIImageView 之外的所有组件都包含在loginView Outlet 中。这是我想根据键盘是否显示上下移动的视图。

对我来说有点困难的是，正如您所见，UIImageView 具有固定的高度、宽度和垂直居中。

Answer 1

我刚刚完成了这个。基本上，将您需要移动的所有内容包装在一个容器视图中，然后与键盘显示/隐藏通知协作，为顶部约束常量设置动画。

UIKeyboardWillShowNotification
UIKeyboardDidHideNotification

通知中有一个用户信息，它将告诉您键盘的高度，还可以让您的动画与键盘同步以实现平滑过渡。

Answer 2

到目前为止，我所做的是获取我们想要上下移动的视图的 originalFrame。确保你在 ViewDidAppear 而不是 ViewDidLoad 中得到它

-(void)viewDidAppear:(BOOL)animated
{
    _loginHolderOriginalFrame = self.loginHolderView.frame;
}

以下功能将用于显示/隐藏键盘

-(void) _keyboardWillShow:(NSNotification *)note
{
    [self.view layoutIfNeeded];
    [UIView animateWithDuration:0.25 animations:^{
        self.logoImageView.alpha = 0;
        CGRect rect = _loginHolderOriginalFrame; // bounds
        rect.origin.y = 15;

        [self.loginHolderView setFrame:rect];
    }];
}

-(void) _keyboardWillHide:(NSNotification *)note
{
    [self.view layoutIfNeeded];
    [UIView animateWithDuration:0.5f animations:^{
        self.logoImageView.hidden = NO;
    }];

    [self restoreLoginFrame];
}

-(void)restoreLoginFrame
{
    [UIView animateWithDuration:0.25 animations:^{
        self.logoImageView.alpha = 1;
        [self.loginHolderView setFrame:_loginHolderOriginalFrame];
    }];
}

当我们显示键盘时，我们将视图向上移动到位置 y，例如等于 15。如果键盘被隐藏，我们将视图移回原始位置。

希望对您有所帮助。

Answer 3

当键盘出现时移动 UIView（没有滚动视图）

我最近也有一个非常相似的应用程序设计，除此之外没有什么对我有用。我没有滚动视图只有一个视图，所有组件都在其中。

- (void)viewWillAppear:(BOOL)animated {
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillShow:) name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(keyboardWillHide:) name:UIKeyboardWillHideNotification object:nil];
}


- (void)viewWillDisappear:(BOOL)animated {
    [[NSNotificationCenter defaultCenter] removeObserver:self name:UIKeyboardWillShowNotification object:nil];
    [[NSNotificationCenter defaultCenter] removeObserver:self name:UIKeyboardWillHideNotification object:nil];
}



- (void)keyboardWillShow:(NSNotification *)notification
{
    CGSize keyboardSize = [[[notification userInfo] objectForKey:UIKeyboardFrameBeginUserInfoKey] CGRectValue].size;

    [UIView animateWithDuration:0.3 animations:^{
        CGRect f = self.view.frame;
        f.origin.y = -keyboardSize.height;
        self.view.frame = f;
    }];
}

-(void)keyboardWillHide:(NSNotification *)notification
{
    [UIView animateWithDuration:0.3 animations:^{
        CGRect f = self.view.frame;
        f.origin.y = 0.0f;
        self.view.frame = f;
    }];
}