iPhoneでの開発（4）：最初のアプリケーション（II）

前回の投稿では、HelloWorldアプリケーションがどのようになるか、アプリケーションを構築するために実行する手順、および必要なドキュメントへのリンクを示しました。 この記事では、XCodeを開くことから始め、開発を開始します。

手順1.プロジェクトを作成します。

そこで、XCodeを開いて、アプリケーションのウェルカムウィンドウを閉じます（出てきた場合）。 プロジェクトを作成する前に、XCodeプリファレンスを入力できます。 一般->レイアウトでは、少なくとも画面に表示されているものと表示される画像を比較できるようにする場合は、[オールインワン]を選択します。

この時点で、プロジェクトを作成します：ファイル->新しいプロジェクト、そしてビューベースを選択します：

前の記事で示したように、ビューベースのXCodeプロジェクトの場合、Controllerクラスにリンクされたビューが作成されます（MVCパターンについて話していたことを思い出してください）。 プロジェクトHelloWorldを呼び出して、目的のフォルダーに保存します。 これに似たものが表示されます。

いくつかのファイルがあることがわかります。

• HelloWorldViewController.hおよびHelloWorldViewController.m。 どちらも画面のコントローラーに対応しています。 これが私たちの見解に関連する論理です。 この場合、テキストボックスに入力した内容に応じてラベルの値を変更するコードが必要です。 .hファイルと別の.mがあることがわかります。 XNUMXつ目はヘッダーで、Javaではインターフェイスになります。 変数、メソッドなどの宣言は次のとおりです。 .mファイルは、すでに実装が含まれているファイルです。
• HelloWorldViewController.xib。 ib =インターフェイスビルダー。 このファイルは私たちの見解、画面です。 これは、私たちが触れないビューのメインファサードであるMainWindow.xibによって呼び出されます。
• HelloWorldAppDelegate（.hおよび.m）。 それらを変更するつもりはありません。ViewControllerへのポインタがあります。
• Info.plist。 これは、アプリケーションに関する情報を含むXMLです。 ここでは、たとえば、アプリケーションのアイコンがどれであるかを示すことができます。

ステップ2.インターフェースを設計します。

アプリケーションの画面の「描画」を開始します。 これを行うには、XCodeでHelloWorldViewController.xibをダブルクリックすると、InterfaceBuilderアプリケーションが開きます。 まず、実用的なアドバイスとして、インスペクターパレットとライブラリパレットが開いていることを常に確認することをお勧めします。 InterfaceBuilderの[ツール]メニューで開くことができます。 ライブラリパレットを使用すると、ビューにさまざまなコントロールを追加できます。インスペクターパレットを使用すると、各オブジェクトのプロパティを表示して変更できます。

きれいなアプリケーションを作成するのではなく、機能させるようにします。 [表示]というラベルの付いた画面を見つけることから始めます。 開いていない場合は、次の画面で[表示]をダブルクリックして開きます。

ビューで、ライブラリパレットから上にTextField、下にLabel、最後にRound RectButtonをドラッグします。 それを見ると、TextFieldなどのコントロールが選択されている場合、このコントロールのサイズを移動したり、画面上で再配置したりできます...そしてインスペクターパレットでそのプロパティを使用できます。 ボタンを選択すると、値«変更！»のタイトルを付けることができます。 最終的には、次のようなものになります。

これで、アプリケーションのインターフェースを定義しました。 これは、私たちが計画したもの、つまり情報を入力するテキストボックス（以下、TextField）に準拠しています。 ラベル（固定テキスト）とボタン。 ボタンを押すと、ラベルにTextFieldに書き込んだ内容が表示されます。 これを行うには、ViewControllerでLabelとTextFieldを参照する変数を作成する必要があり、これらの変数を使用してLabelとTextFieldの関係をInterfaceBuilderに示す必要があります。 また、TextFieldに入力した内容でLabel値の更新を担当するメソッドをViewControllerに作成し、ボタンをInterfaceBuilderのそのメソッドに関連付ける必要があります。 これらはすべて、最初のスクリプトのステップ3、4、および5であり、次の投稿で説明します。

もちろん、終了する前に、たとえばTextFieldを選択してビューに追加したときに、ライブラリパレットに表示される内容を確認することをお勧めします。

TextFieldコントロールの機能を説明していることがわかりますが、その下に「UITextField」と表示されています。 これは、CocoaUIKitフレームワークのどのクラスがこのコントロールに対応するかを示しているため重要です。 これにより、ヒントが得られます。ViewControllerでこのコントロールを処理する変数を作成するには、UITextField型である必要があります。