How to create a UITextField on SpriteKit

Question

I want to implement a Textfield to input your name on my SpriteKit Game, so I have something like this:

SKLabelNode* gameTitle = [SKLabelNode labelNodeWithFontNamed:@"Chalkduster"];
gameTitle.text = @"Game Title";
gameTitle.name = @"gametitle";
gameTitle.fontSize = 44.0;
gameTitle.fontColor = [SKColor blackColor];
gameTitle.position = CGPointMake(self.size.width/2,self.size.height/2 + 150);
[self addChild:gameTitle];

UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(self.size.width/2, self.size.height/2+20, 200, 40)];
textField.borderStyle = UITextBorderStyleRoundedRect;
textField.textColor = [UIColor blackColor];
textField.font = [UIFont systemFontOfSize:17.0];
textField.placeholder = @"Enter your name here";
textField.backgroundColor = [SKColor whiteColor];
textField.autocorrectionType = UITextAutocorrectionTypeYes;
textField.keyboardType = UIKeyboardTypeDefault;
textField.clearButtonMode = UITextFieldViewModeWhileEditing;
textField.delegate = self.delegate;

[self.view addSubview:textField];

so, the problem is that it's not showed on my scene, maybe the problem is when adding it into the scene, I use addSubview.

Is that wrong?

@LearnCocos2D still the same, it doesn't appear :/ – Vergmort Oct 29 '13 at 12:44 — Vergmort, Oct 29 '13 at 12:44

score 17 · Accepted Answer · answered Oct 29 '13 at 14:57

17

You can add objects that inherits UIView's inside the didMoveToView:(SKView *)view function

Just add that function to your SKScene and move your UITextField inside:

-(void)didMoveToView:(SKView *)view {
    UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(self.size.width/2, self.size.height/2+20, 200, 40)];
    textField.center = self.view.center;
    textField.borderStyle = UITextBorderStyleRoundedRect;
    textField.textColor = [UIColor blackColor];
    textField.font = [UIFont systemFontOfSize:17.0];
    textField.placeholder = @"Enter your name here";
    textField.backgroundColor = [UIColor whiteColor];
    textField.autocorrectionType = UITextAutocorrectionTypeYes;
    textField.keyboardType = UIKeyboardTypeDefault;
    textField.clearButtonMode = UITextFieldViewModeWhileEditing;
    textField.delegate = self.delegate;
    [self.view addSubview:textField];
}

answered Oct 29 '13 at 14:57

John Riselvato

12,854
5
62
89

1

Great and more effective solution. Thanks! – Vergmort Oct 29 '13 at 16:01
1

Thanks for the answer. If I change to another Scene the the TextField stays in the view. Do I have to remove it manually? – palme Feb 05 '14 at 13:18
2

unfortunately you will, @palme – John Riselvato Feb 05 '14 at 13:49
Thanks! But how to remove it?? – Frade Feb 12 '14 at 13:39
[textField removeFromSuperView]; @Frade – John Riselvato Feb 14 '14 at 17:37

score 1 · Answer 2 · edited May 06 '15 at 13:08

to remove it use the

[myTextField removeFromSuperView];

if you don't want to use the method didMoveToView that insert the textField at the scene presentation, you can use this method:

-(void)insertUI{

ttaAppDelegate *myDel = [[UIApplication sharedApplication] delegate];
UIViewController *vc = myDel.window.rootViewController;
self.textField= [[UITextField alloc] initWithFrame:CGRectMake(self.size.width/2, self.size.height/2+20, 200, 40)];
self.textField.center = self.view.center;
self.textField.borderStyle = UITextBorderStyleRoundedRect;
self.textField.textColor = [UIColor blackColor];
self.textField.font = [UIFont systemFontOfSize:17.0];
self.textField.placeholder = @"Enter your name here";
self.textField.backgroundColor = [UIColor whiteColor];
self.textField.autocorrectionType = UITextAutocorrectionTypeYes;
self.textField.keyboardType = UIKeyboardTypeDefault;
self.textField.clearButtonMode = UITextFieldViewModeWhileEditing;
self.textField.delegate = self;
self.button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[self.button addTarget:self action:@selector(saveScore:) forControlEvents:UIControlEventTouchDown];
[self.button setTitle:@"Save" forState:UIControlStateNormal];
self.button.frame = CGRectMake(80.0, 210.0, 160.0, 40.0);

[vc.view addSubview:self.textField];
[vc.view addSubview:self.button];
vc.interstitialPresentationPolicy = ADInterstitialPresentationPolicyManual;
[vc requestInterstitialAdPresentation];
}

How to create a UITextField on SpriteKit

2 Answers2

Linked