16.そらのの自由研究　iPhoneアプリを作ってみよう！「UITextField」

プログラミング初心者だけど、iPhoneアプリを作ってみたい。

本書はそういう人のための、基本からしっかりマスターできる、iPhoneアプリ開発の入門書です。iPhoneアプリの開発ソフトには「Interface Builder」というわかりやすいツールが用意されています。これを使うと、iPhoneアプリを「見たままにデザインをして」作っていくことができます。本書では、この「Interface Builder」の使い方を中心に、iPhoneアプリの開発の方法を説明していきます。

amazon：http://amzn.to/tscoXf
(番組内ではXcode3対応版を使用しております。)

文字を入力するエリア。
webページのテキストボックスと同等だと思われます。テキストフィールドをタップすると、キーボードが出てきます。
ユーザーに文字を入力させたいときに使う。

左右の点を引っ張るとのびます。
横にどれくらいなのか数値も表示されます。

テキストの内容などけっこう細かいところまで設定できます。
Placeholderはテキスト入力する前に出ている薄い文字を設定できるところです。

Keyboardのプルダウンで、キーボードの種類を設定できます。

RetuneKeyのプルダウンでは、右下の部分(「決定」や「完了」などのところ)を設定することができます。

あれ、ビューウィンドウに出てないな。
なんでだろう。

変数宣言！
UILabelのmylabelという変数を作る。
お馴染ですね。
今回はプラスして、UITextFieldのmytextfieldという変数も作ります。IBActionを使って、IBで用意した部品をユーザーが操作したときに呼び出すメソッド名を作ります。
このあたりもお馴染になってきました。

≪コード≫
@interface ～～～ {
IBOutlet UILabel *mylabel;
//@interface{ }の中に書きます
//mylabelという変数をつくりました
IBOutlet UITextField *mytextfield;
//mytextfieldという変数をつくりました
}
-(IBAction)inputText;
//interface{ }の後ろに書きます
//IBでつくった部品をユーザーが操作したときに呼び出すメソッド名
@end

InterfaceBuilderでは、第11回の「IBOutlet」の項目の通りに変数とラベルを接続します。
https://matome.eternalcollegest.com/post-2131703398027843201/2131709517128284703「IBAction」もこちらの項目を参考に接続。
https://matome.eternalcollegest.com/post-2131703398027843201/2131709580328299603
今回は、「DidEndOnExit」を選びます。

それぞれ保存は忘れずに。
IBはラベルとボタンを置いた後に一度閉じると、ちゃんとXcodeと同期してくれます。

(プロジェクト名).mの実装ファイルに、inputTextに接続されている部品のアクションが実行されたら、mylabelのテキストにmytextfieldの文字を反映させるプログラムを書きます。

《コード》
@implementation
-(IBAction) inputText {
mylabel.text = mytextfield.text;
}
//@implementationの後ろに書きます
//IBでtapBtnに接続されている部品のアクションが実行されたら、mylabelにmytextfieldの文字を反映させる

テキストフィールをタップするとキーボードがあらわれました。

テキストフィールドに文字を入力してreturnをタップすると、ラベル(初期値がLabel)にテキストフィールドの文字が反映されました！

(プロジェクト名).mの実装ファイルに、mylabelの詳細を少し加えてあげます。

《コード》

-(void) viewDidLoad {
[super viewDidLoad];
mylabel.backgroundColor = [UIColor yellowColor];
//mylabelの背景を黄色に設定します
}

はい、このような感じでラベルに背景色をつけることができました！

(プロジェクト名).mの実装ファイルに、mylabelの詳細を少し加えてあげます。

《コード》

-(void) viewDidLoad {
[super viewDidLoad];
mylabel.font = [UIFont systemFontOfSize: 30];
//mylabelのフォントサイズを30にします
}

いかがでしょうか。
ほかのものより大きくなっているのわかりますでしょうか。

(プロジェクト名).mの実装ファイルに、mytextfieldの詳細を少し加えてあげます。

《コード》

-(void) viewDidLoad {
[super viewDidLoad];
mytextfield.clearButtonMode = UITextFieldViewModeWhileEditing;
//mytextfieldのクリアボタンをフォーカスが当たっている時のみ表示します
}

キーボードで入力すると、出てきました！
これができたときがいちばん感動しました。

鶏肉みたいなココロを耐久ガラスで守ってます。
(株)ソラノート 広報です。
プログラミングは未経験です。