キーボードが表示されているときに、編集を開始すると UITextField を上に移動させるにはどうすればよいですか? 質問する

キーボードが表示されているときに、編集を開始すると UITextField を上に移動させるにはどうすればよいですか? 質問する

iOS SDK の場合:

キーボードを表示する sUIView付きの があります。次の操作ができるようにする必要があります。UITextField

  1. UIScrollViewキーボードが表示されたら、他のテキストフィールドを表示するために、内容をスクロールできるようにします。

  2. 自動的に「ジャンプ」(上にスクロール)または短縮

が必要なことはわかっています。 のクラスを にUIScrollView変更してみましたが、テキストボックスを上下にスクロールすることができません。UIViewUIScrollView

UIViewと の両方が必要ですかUIScrollView? どちらかがもう一方の中に入りますか?

アクティブなテキスト フィールドに自動的にスクロールするには、何を実装する必要がありますか?

理想的には、コンポーネントのセットアップは可能な限り Interface Builder で行います。必要な部分だけコードを記述したいと思います。

注:私が操作しているUIView(またはUIScrollView) はタブバー ( UITabBar) によって表示され、通常どおり機能する必要があります。


キーボードが表示されたときだけスクロール バーを追加します。必須ではありませんが、たとえばユーザーがスクロールしてテキスト ボックスを変更できるため、より優れたインターフェイスが提供されるように感じます。

UIScrollViewキーボードを上下に動かしたときにフレームのサイズを変更するように設定しました。単純に以下を使用しています:

-(void)textFieldDidBeginEditing:(UITextField *)textField {
    //Keyboard becomes visible
    scrollView.frame = CGRectMake(scrollView.frame.origin.x,
                                  scrollView.frame.origin.y,
    scrollView.frame.size.width,
    scrollView.frame.size.height - 215 + 50);   // Resize
}

-(void)textFieldDidEndEditing:(UITextField *)textField {
    // Keyboard will hide
    scrollView.frame = CGRectMake(scrollView.frame.origin.x,
                                  scrollView.frame.origin.y,
                                  scrollView.frame.size.width,
                                  scrollView.frame.size.height + 215 - 50); // Resize
}

ただし、これによって、表示領域の下部のテキスト フィールドが自動的に「上に移動」したり中央に配置されたりすることはありません。これは私が本当に望んでいることです。

ベストアンサー1

  1. ScrollView現在持っているコンテンツが iPhone の画面に収まらない場合にのみ、が必要になります。(キーボードが表示されたときに上方向にスクロールScrollViewするためだけに、コンポーネントのスーパービューとして を追加する場合TextField、 は必要ありません。)

  2. キーボードによって s が隠れないようにする標準的な方法は、TextFieldキーボードが表示されるたびにビューを上下に移動することです。

以下にサンプルコードを示します。

#define kOFFSET_FOR_KEYBOARD 80.0

-(void)keyboardWillShow {
    // Animate the current view out of the way
    if (self.view.frame.origin.y >= 0)
    {
        [self setViewMovedUp:YES];
    }
    else if (self.view.frame.origin.y < 0)
    {
        [self setViewMovedUp:NO];
    }
}

-(void)keyboardWillHide {
    if (self.view.frame.origin.y >= 0)
    {
        [self setViewMovedUp:YES];
    }
    else if (self.view.frame.origin.y < 0)
    {
        [self setViewMovedUp:NO];
    }
}

-(void)textFieldDidBeginEditing:(UITextField *)sender
{
    if ([sender isEqual:mailTf])
    {
        //move the main view, so that the keyboard does not hide it.
        if  (self.view.frame.origin.y >= 0)
        {
            [self setViewMovedUp:YES];
        }
    }
}

//method to move the view up/down whenever the keyboard is shown/dismissed
-(void)setViewMovedUp:(BOOL)movedUp
{
    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:0.3]; // if you want to slide up the view

    CGRect rect = self.view.frame;
    if (movedUp)
    {
        // 1. move the view's origin up so that the text field that will be hidden come above the keyboard 
        // 2. increase the size of the view so that the area behind the keyboard is covered up.
        rect.origin.y -= kOFFSET_FOR_KEYBOARD;
        rect.size.height += kOFFSET_FOR_KEYBOARD;
    }
    else
    {
        // revert back to the normal state.
        rect.origin.y += kOFFSET_FOR_KEYBOARD;
        rect.size.height -= kOFFSET_FOR_KEYBOARD;
    }
    self.view.frame = rect;

    [UIView commitAnimations];
}


- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    // register for keyboard notifications
    [[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
{
    [super viewWillDisappear:animated];
    // unregister for keyboard notifications while not visible.
    [[NSNotificationCenter defaultCenter] removeObserver:self
                                             name:UIKeyboardWillShowNotification
                                           object:nil];

    [[NSNotificationCenter defaultCenter] removeObserver:self
                                             name:UIKeyboardWillHideNotification
                                           object:nil];
}

おすすめ記事