web-dev-qa-db-ja.com

iPhoneキーボードがUITextFieldをカバー

Interface Builderで、ビューの下部近くにテキストフィールドを持つUIViewを設定したアプリがあります。アプリを実行してそのフィールドにテキストを入力しようとすると、キーボードがフィールドの上にスライドするため、キーボードを再度非表示にするまで入力中のものを見ることができません。

他の誰かがこの問題に遭遇し、親ビューをスクロール可能にしたり、テキストフィールドを画面のさらに上に移動したりせずに解決する良い方法を見つけましたか？

iosiphonekeyboarduitextfield
121
Cruinh

通常の解決策は、フィールド（およびその上のすべてのもの）を上にスライドさせてアニメーションを作成し、完了したら元に戻すことです。テキストフィールドと他のいくつかのアイテムを別のビューに配置し、ビューをユニットとしてスライドする必要がある場合があります。 （私はこれらのものを「構造プレート」のように「プレート」と呼びますが、それは私だけです）。しかし、ここに空想を取得する必要がない場合の一般的なアイデアがあります。

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
    [self animateTextField: textField up: YES];
}


- (void)textFieldDidEndEditing:(UITextField *)textField
{
    [self animateTextField: textField up: NO];
}

- (void) animateTextField: (UITextField*) textField up: (BOOL) up
{
    const int movementDistance = 80; // Tweak as needed
    const float movementDuration = 0.3f; // Tweak as needed

    int movement = (up ? -movementDistance : movementDistance);

    [UIView beginAnimations: @"anim" context: nil];
    [UIView setAnimationBeginsFromCurrentState: YES];
    [UIView setAnimationDuration: movementDuration];
    self.view.frame = CGRectOffset(self.view.frame, 0, movement);
    [UIView commitAnimations];
}
290
Amagrammer

これは私にとって不思議でした スライディングuitextfields

特に、テキストフィールドの位置に応じてスライドアニメーションの距離を計算できるという利点があります。

38
cidered

IQKeyboardManagerNO LINE OF CODEでこれを行い、関連するソースファイルをプロジェクトにドラッグアンドドロップするだけで済みます。 IQKeyboardManager もサポートデバイスの向き、自動UIToolbar管理、keyboardDistanceFromTextFieldそしてあなたが考えるよりもはるかに。

enter image description here

制御フローチャートは次のとおりです。 Control Flow Chart

Step1：-シングルトンクラスにUITextField、UITextView、およびUIKeyboardのグローバル通知を追加しました。 IQKeyboardManager と呼びました。

Step2：-UIKeyboardWillShowNotification、UITextFieldTextDidBeginEditingNotification、またはUITextViewTextDidBeginEditingNotification通知が見つかった場合は、UIWindow.rootViewController階層からtopMostViewControllerインスタンスを取得しよう。 UITextField/UITextViewを適切に検出するには、topMostViewController.viewのフレームを調整する必要があります。

Step3：-最初に応答したUITextField/UITextViewに対するtopMostViewController.viewの予想移動距離を計算しました。

Step4：-予想される移動距離に応じてtopMostViewController.view.frameを上下に移動しました。

Step5：-UIKeyboardWillHideNotification、UITextFieldTextDidEndEditingNotification、またはUITextViewTextDidEndEditingNotification通知が見つかった場合は、UIWindow.rootViewControllerからtopMostViewControllerインスタンスを取得しよう階層。

Step6：-元の位置に復元する必要があるtopMostViewController.viewの外乱距離を計算しました。

Step7：-乱れた距離に従ってtopMostViewController.view.frameを復元しました。

Step8：-インスタンス化されたシングルトン IQKeyboardManager アプリのロード時にクラスインスタンスなので、アプリのすべてのUITextField/UITextViewは自動的に調整されます予想される移動距離に応じて。

それで全部です

28
Mohd Iftekhar Qurashi

Amagrammerの回答を拡張するためのサンプルクラスを次に示します。

LoginViewController.h

@interface LoginViewController : UIViewController <UITextFieldDelegate> {

}

@property (nonatomic, retain) IBOutlet UITextField    *emailTextField;
@property (nonatomic, retain) IBOutlet UITextField    *passwordTextField;

「UITextFieldDelegate」を実装していることに注意してください

LoginViewController.m

@implementation LoginViewController
@synthesize emailTextField=_emailTextField;
@synthesize passwordTextField=_passwordTextField;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        //Register to receive an update when the app goes into the backround
        //It will call our "appEnteredBackground method
        [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(appEnteredBackground)
                                                 name:UIApplicationDidEnterBackgroundNotification
                                               object:nil];
    }
    return self;
}


- (void) animateTextField: (UITextField*) textField up: (BOOL) up
{
    const int movementDistance = 80; // Tweak as needed
    const float movementDuration = 0.3f; // Tweak as needed

    int movement = (up ? -movementDistance : movementDistance);

    [UIView beginAnimations: @"anim" context: nil];
    [UIView setAnimationBeginsFromCurrentState: YES];
    [UIView setAnimationDuration: movementDuration];
    self.view.frame = CGRectOffset(self.view.frame, 0, movement);
    [UIView commitAnimations];
}

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
    [self animateTextField: textField up: YES];
}


- (void)textFieldDidEndEditing:(UITextField *)textField
{
    [self animateTextField: textField up: NO];
}

- (BOOL)textFieldShouldReturn:(UITextField *)textField
{
    [textField resignFirstResponder];
    return YES;
}
//This is called when the app goes into the background.
//We must reset the responder because animations will not be saved
- (void)appEnteredBackground{
    [self.emailTextField resignFirstResponder];
    [self.passwordTextField resignFirstResponder];
}
7
stebooks

公式のソリューションはどうですか： キーボードの下にあるコンテンツの移動

通常、コンテンツを調整するには、1つ以上のビューを一時的にサイズ変更し、テキストオブジェクトが表示されたままになるように配置します。キーボードを使用してテキストオブジェクトを管理する最も簡単な方法は、UIScrollViewオブジェクト（またはUITableViewなどのサブクラスの1つ）内にテキストオブジェクトを埋め込むことです。キーボードが表示されたら、スクロールビューのコンテンツ領域をリセットし、目的のテキストオブジェクトを所定の位置にスクロールするだけです。したがって、UIKeyboardDidShowNotificationに応答して、ハンドラーメソッドは次のことを行います。

  1. キーボードのサイズを取得します。
  2. スクロールビューの下部のコンテンツインセットをキーボードの高さで調整します。
  3. ターゲットテキストフィールドをスクロールして表示します。
// Call this method somewhere in your view controller setup code.
- (void)registerForKeyboardNotifications
{
    [[NSNotificationCenter defaultCenter] addObserver:self
            selector:@selector(keyboardWasShown:)
            name:UIKeyboardDidShowNotification object:nil];

   [[NSNotificationCenter defaultCenter] addObserver:self
             selector:@selector(keyboardWillBeHidden:)
             name:UIKeyboardWillHideNotification object:nil];

}

// Called when the UIKeyboardDidShowNotification is sent.
- (void)keyboardWasShown:(NSNotification*)aNotification
{
    NSDictionary* info = [aNotification userInfo];
    CGSize kbSize = [[info objectForKey:UIKeyboardFrameBeginUserInfoKey] CGRectValue].size;

    UIEdgeInsets contentInsets = UIEdgeInsetsMake(0.0, 0.0, kbSize.height, 0.0);
    scrollView.contentInset = contentInsets;
    scrollView.scrollIndicatorInsets = contentInsets;

    // If active text field is hidden by keyboard, scroll it so it's visible
    // Your app might not need or want this behavior.
    CGRect aRect = self.view.frame;
    aRect.size.height -= kbSize.height;
    if (!CGRectContainsPoint(aRect, activeField.frame.Origin) ) {
        [self.scrollView scrollRectToVisible:activeField.frame animated:YES];
    }
}

// Called when the UIKeyboardWillHideNotification is sent
- (void)keyboardWillBeHidden:(NSNotification*)aNotification
{
    UIEdgeInsets contentInsets = UIEdgeInsetsZero;
    scrollView.contentInset = contentInsets;
    scrollView.scrollIndicatorInsets = contentInsets;
}
7
Mars

UITableView textFieldセルでも同じ問題に直面しています。この問題を解決するには、キーボード通知をリッスンする次のメソッドを実装します。

ここでの通知の監視者：

[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardWasShown:) name:UIKeyboardWillShowNotification object:nil];
[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardWillBeHidden:) name:UIKeyboardWillHideNotification object:nil];

以下の機能を使用してこれらの通知を処理します。

(void)keyboardWasShown:(NSNotification*)aNotification 
(void)keyboardWillBeHidden:(NSNotification*)aNotification
7
Boobalan

これをチェックしてください。面倒なことはありません。

このソリューションは非常にきれいです。ストーリーボードを使用している場合は、テキストフィールドをUIScrollViewに追加し、そのクラスをTPKeyboardAvoidingScollViewに変更するだけです。スクロールビューは、キーボードが表示されていることを検出し、適切な距離でキーボードの上に移動するように拡張されます。 UIViewControllerから独立しているため、完璧なソリューションです。必要なことはすべて、上記のクラス内で行われます。マイケル・タイソンらに感謝します。

TPKeyboardAvoiding

5
Aruna

以下は、Amagrammerの答えのSwiftバージョンです。また、ビューを邪魔にならないようにキーボードのサイズを知る必要があるため、UIKeyboardWillShowNotificationイベントを使用したバリエーションです。

var keyboardHeight:CGFloat = 0

override func viewDidLoad() {
    super.viewDidLoad()
    NSNotificationCenter.defaultCenter().addObserver(self, selector: "keyboardWillChange:", name: UIKeyboardWillShowNotification, object: nil)
}

func textFieldDidBeginEditing(textField: UITextField) {
    //keyboardWillChange (below) is used instead of textFieldDidBeginEditing because textFieldDidBeginEditing
    //is called before the UIKeyboardWillShowNotification necessary to determine the keyboard height.
}

func textFieldDidEndEditing(textField: UITextField) {
    animateTextField(false)
}

func animateTextField(textFieldUp:Bool) {
    let movementDistance:CGFloat = keyboardHeight
    let movementDuration = 0.3

    let movement:CGFloat = (textFieldUp ? -movementDistance : movementDistance)

    UIView.beginAnimations("anim", context: nil)
    UIView.setAnimationBeginsFromCurrentState(true)
    UIView.setAnimationDuration(movementDuration)
    self.view.frame = CGRectOffset(self.view.frame, 0, movement)
    UIView.commitAnimations()
}

func keyboardWillChange(notification:NSNotification) {
    let keyboardRect:CGRect = ((notification.userInfo![UIKeyboardFrameEndUserInfoKey])?.CGRectValue)!
    keyboardHeight = keyboardRect.height
    animateTextField(true)
}
5
Justin Domnitz

不明瞭にすることなくテキストフィールドを編集する （リンク切れになりました、ここにウェイバックリンクがあります）で素晴らしいウォークスルーがありました： https://web.archive.org/web/20091123074029/http://acts -as-geek.blogspot.com/2009/11/editing-textfields-without-obscuring.html ）。既存のUIViewをUIScrollViewに移動し、キーボードが表示されたときに自動的にスクロールする方法を示します。

UIScrollViewの下にコントロール（UITabBarなど）がある場合、UIScrollBarの正しい高さを計算するために少し更新しました。 iviewの更新後 を参照してください。

4
GargantuChet

Xcode5、iOS7を使用したソリューションは次のとおりです。

UITextfieldDelegateおよびアニメーションブロックを使用します。

これは、ViewControllerのほぼすべてのコードですが、デリゲートパターン（私のような）にまだなじみのない人のために、デリゲートコードを含めたいと思いました。また、テキストビューから離れてタップしたときにキーボードを非表示にするコードも含めました。

ビュー（ボタン、テキストフィールドなど）は、必要なだけ移動することができます（+100、後で-100）。

@interface ViewController () <UITextFieldDelegate>
@property (strong, nonatomic) IBOutlet UITextField *MyTextField;

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.MyTextField.delegate = self;

}

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
      NSLog(@"text began editing");

      CGPoint MyPoint = self.MyTextField.center;

      [UIView animateWithDuration:0.3
                    animations:^{

                    self.MyTextField.center = CGPointMake(MyPoint.x, MyPoint.y - 100);
                                }];
}

- (void)textFieldDidEndEditing:(UITextField *)textField
{
     NSLog(@"text ENDED editing");

     CGPoint MyPoint = self.MyTextField.center;

     [UIView animateWithDuration:0.3
                 animations:^{

     self.MyTextField.center = CGPointMake(MyPoint.x, MyPoint.y + 100);
                             }];
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
     [self.view endEditing:YES];
}
2
Ethan Parker

1つの方法は、テキストフィールドがクリックされたときにビュー全体を（x、y）から（x、y-keybaardHeight）に移動し、キーボードが閉じられたときに元に戻すことだと思います表示されます（アニメーション化しても悪くないでしょう）。

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
    CGRect frame=self.view.frame;
    frame.Origin=CGPointMake(x...//set point here
    self.view.frame=frame;
}
1
Daniel

Amagrammerのソリューションに加えて、ポートレートモードでcocos2dを使用している場合は、次の行を変更します。

self.view.frame = CGRectOffset(self.view.frame, 0, movement);

これに：

[CCDirector sharedDirector].openGLView.frame = CGRectOffset([CCDirector sharedDirector].openGLView.frame, movement, 0);

横向きモードでcocos2dを使用している場合、上記の変更を行い、textFieldDidBeginEditing:およびtextFieldDidEndEditing:のup値を切り替えます

- (void)textFieldDidBeginEditing:(UITextField *)textField {
    [self animateTextField:textField up:NO];
}

- (void)textFieldDidEndEditing:(UITextField *)textField {
    [self animateTextField:textField up:YES];
}
0
Iron Mike

https://github.com/ZulwiyozaPutra/Shift-Keyboard-Example このソリューションがお役に立てば幸いです。それらはすべてSwift 3と書かれています。

//
//  ViewController.Swift
//  Shift Keyboard Example
//
//  Created by Zulwiyoza Putra on 11/23/16.
//  Copyright © 2016 Zulwiyoza Putra. All rights reserved.
//

import UIKit

class ViewController: UIViewController, UITextFieldDelegate {
    
    
    //connecting textfield from storyboard
    @IBOutlet weak var textField: UITextField!
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        subscribeToKeyboardNotifications()
    }
    
    override func viewDidAppear(_ animated: Bool) {
        self.textField.delegate = self
    }
    
    override func viewWillDisappear(_ animated: Bool) {
        super.viewWillDisappear(animated)
        unsubscribeFromKeyboardNotifications()
    }
    
    //Hide keyboard after finished editing
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }
    
    //Setup view before keyboard appeared
    func keyboardWillAppear(_ notification:Notification) {
        view.frame.Origin.y = 0 - getKeyboardHeight(notification)
    }
    
    //Setup view before keyboard disappeared
    func keyboardWillDisappear(_ notification: Notification) {
        view.frame.Origin.y = 0
    }
    
    //Getting keyboard height
    func getKeyboardHeight(_ notification:Notification) -> CGFloat {
        let userInfo = notification.userInfo
        let keyboardSize = userInfo![UIKeyboardFrameEndUserInfoKey] as! NSValue // of CGRect
        return keyboardSize.cgRectValue.height
    }
    
    //Subscribing to notifications to execute functions
    func subscribeToKeyboardNotifications() {
        NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillAppear(_:)), name: .UIKeyboardWillShow, object: nil)
        NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillDisappear(_:)), name: .UIKeyboardWillHide, object: nil)
    }
    
    //Unsubscribing from notifications
    func unsubscribeFromKeyboardNotifications() {
        NotificationCenter.default.removeObserver(self, name: .UIKeyboardWillShow, object: nil)
        NotificationCenter.default.removeObserver(self, name: .UIKeyboardWillHide, object: nil)
    }
    
}
0
Zulwiyoza Putra

プロジェクトで使用するフレームワークをドラッグアンドドロップします。ファーストレスポンダーの外側をタップしたとき、またはスクロールしたときの自動解雇をサポートします。

GTKeyboardHelper

0
mackross

必要に応じてビューを上下にスライドします。

- (void)textFieldDidEndEditing:(UITextField *)textField {
    self.currentTextField = nil;
    [self animateTextField: textField up: NO];
}

- (BOOL)textFieldShouldReturn:(UITextField *)textField {
    [self.currentTextField resignFirstResponder];
    return YES;
}

- (void) animateTextField:(UITextField*) textField up:(BOOL)up {
    const int movementDistance = 80; // Tweak as needed
    const float movementDuration = 0.3f; // Tweak as needed

    int movement = (up ? -movementDistance : movementDistance);

    [UIView animateWithDuration:movementDuration animations:^{
        self.view.frame = CGRectOffset(self.view.frame, 0, movement);
    }];
}

selfをUITextFieldDelegateおよび実際のtextField delegateとして設定することを忘れないでください。

（Ammagrammerのおかげで、これはアニメーション用のブロックを使用した短い答えです）

0
dulgan

IOSの新しいバージョン（6.1+、場合によってはそれ以前）では、少なくともUITableViewの基礎となるビューは、キーボードがポップアップすると自動的に縮小します。したがって、そのビューでテキストフィールドを表示するだけで済みます。 initで：

[[NSNotificationCenter defaultCenter] addObserver:self
                                         selector:@selector(keyboardWasShown:)
                                             name:UIKeyboardDidShowNotification
                                           object:nil];

その後：

- (void)keyboardWasShown:(NSNotification*)notification
{
    // Scroll the text field into view so it's not under the keyboard.
    CGRect rect = [self.tableView convertRect:inputView.bounds fromView:inputView];
    [self.tableView scrollRectToVisible:rect animated:YES];
}
0
Lawrence Kesteloot

私は同じ問題を抱えていて、GTKeyboardHelperが簡単な方法であることがわかりました。

プロジェクトにフレームワークをドラッグアンドドロップした後、ヘッダーファイルを含めます。サンプルプロジェクトをダウンロードして開き、「キーボードヘルパー」オブジェクトをxibのオブジェクトセクションからプロジェクトのインターフェイスビルダーのオブジェクトセクションにドラッグします。

すべてのビューをドラッグアンドドロップして、「キーボードヘルパー」の子にします。

0
Andrei Nagy

あなたが望むなら、私は何か他のものを持っています。ここでのポイントは、編集しているテキストフィールドの中心にUIViewを設定することです。

その前に、self.view.centerからINITIAL_CENTERをCGPointとして保存し、INITIAL_VIEWをCGRect constプロパティのself.view.frameから。

次のようなメソッドを作成できます。

- (void) centerOn: (CGRect) fieldFrame {

    // Set up the center by taking the original view center
    CGPoint center = CGPointMake(INITIAL_CENTER.x,
                             INITIAL_CENTER.y - ((fieldFrame.Origin.y + fieldFrame.size.height/2) - INITIAL_CENTER.y));


    [UIView beginAnimations:@"centerViewOnField" context:nil];
    [UIView setAnimationDuration:0.50];

    if (CGRectEqualToRect(fieldFrame,INITIAL_VIEW)) {
        self.view.frame = INITIAL_VIEW;
        [self.view setCenter:INITIAL_CENTER];
    } else {
        [self.view setCenter:center];
    }


    [UIView commitAnimations];
}

次に、ITextFieldDelegateで、次のメソッドでcenterOn：（CGRect）を呼び出す必要があります。

textFieldDidBeginEditing：（UITextField *）パラメータとして、中心にしたいテキストフィールドのフレームを使用します。

そして、イベントハンドラーで呼び出す必要があります。イベントハンドラーでは、キーボードを閉じ、

textFieldDidEndEditing：（UITextField *）は、INITIAL_VIEWをcenterOn：（CGRect）のパラメーターとして設定する方法の1つです。

0
Jissay

これで私のコメントを見てください：

iPhone-キーボードはTextFieldを非表示にします

0
Dinesh reddy K

キーボードが上がっていて、フレームがアニメーションでサイズ変更され、テキストフィールドが覆われないようにスクロールされている状況をどのように処理しますか？そこから別のテキストフィールドを選択するとき（まだ最初のテキストフィールドを編集中）必要に応じてもう少しスクロールしますか？問題は、必要のないときにアニメーション全体を再生することです。ありがとう

0
anders