iOS-UI要素

UI要素とは何ですか？

UI要素は、アプリケーションで確認できる視覚要素です。これらの要素の一部は、ボタン、テキストフィールドなどのユーザー操作に応答し、その他の要素は、画像、ラベルなどの情報を提供します。

UI要素を追加する方法は？

コードとインターフェイスビルダーの両方でUI要素を追加できます。必要に応じて、どちらかを使用できます。

私たちの焦点

アプリケーションのコードを介してUI要素を追加することにさらに焦点を当てます。Interface Builderの使用はシンプルで簡単で、UI要素をドラッグアンドドロップするだけです。

私たちのアプローチ

簡単なiOSアプリケーションを作成し、それを使用していくつかのUI要素を説明します。

Step 1 −最初のiOSアプリケーションで行ったように、ビューベースのアプリケーションを作成します。

Step 2 −ViewController.hファイルとViewController.mファイルのみを更新します。

Step 3 −次に、UI要素の作成に固有のメソッドをViewController.mファイルに追加します。

Step 4 −このメソッドをviewDidLoadメソッドで呼び出します。

Step 5 −コードの重要な行は、それらの行の上に1行のコメントを付けてコードで説明されています。

UI要素のリスト

UI固有の要素とそれに関連する機能を以下に説明します-

シニア番号	UI固有の要素
1	テキストフィールドこれは、アプリがユーザー入力を取得できるようにするUI要素です。
2	入力タイプ-TextFields UITextFieldのkeyboardプロパティを使用して、ユーザーが入力できる入力のタイプを設定できます。
3	ボタンこれは、ユーザーアクションの処理に使用されます。
4	ラベル静的コンテンツを表示するために使用されます。
5	ツールバー現在のビューに基づいて何かを操作したい場合に使用されます。
6	ステータスバーデバイスの重要な情報を表示します。
7	ナビゲーションバーナビゲーションコントローラーのナビゲーションボタンが含まれています。ナビゲーションコントローラーは、押したりポップしたりできるビューコントローラーのスタックです。
8	タブバー通常、同じビュー内のさまざまなサブタスク、ビュー、またはモデルを切り替えるために使用されます。
9	画像表示単純な画像または一連の画像を表示するために使用されます。
10	スクロールビュー画面の領域を超えるコンテンツを表示するために使用されます。
11	テーブルビュー複数の行とセクションにスクロール可能なデータのリストを表示するために使用されます。
12	分割ビューこれは、詳細ペインの情報を制御するマスターペインで2つのペインを表示するために使用されます。
13	テキストビューオプションで編集可能なテキスト情報のスクロール可能なリストを表示するために使用されます。
14	遷移を表示ビュー間のさまざまなビュー遷移について説明します。
15	ピッカーリストから特定のデータを選択するために表示するために使用されます。
16	スイッチこれは、アクションの無効化および有効化として使用されます。
17	スライダーこれは、ユーザーが許容値の範囲全体で値またはプロセスを調整できるようにするために使用されます。
18	アラートこれは、ユーザーに重要な情報を提供するために使用されます。
19	アイコンこれは、アクションに使用される画像表現であるか、アプリケーションに関連する何かを描写します。

シニア番号	UI固有の要素
1	テキストフィールドこれは、アプリがユーザー入力を取得できるようにするUI要素です。
2	入力タイプ-TextFields UITextFieldのkeyboardプロパティを使用して、ユーザーが入力できる入力のタイプを設定できます。
3	ボタンこれは、ユーザーアクションの処理に使用されます。
4	ラベル静的コンテンツを表示するために使用されます。
5	ツールバー現在のビューに基づいて何かを操作したい場合に使用されます。
6	ステータスバーデバイスの重要な情報を表示します。
7	ナビゲーションバーナビゲーションコントローラーのナビゲーションボタンが含まれています。ナビゲーションコントローラーは、押したりポップしたりできるビューコントローラーのスタックです。
8	タブバー通常、同じビュー内のさまざまなサブタスク、ビュー、またはモデルを切り替えるために使用されます。
9	画像表示単純な画像または一連の画像を表示するために使用されます。
10	スクロールビュー画面の領域を超えるコンテンツを表示するために使用されます。
11	テーブルビュー複数の行とセクションにスクロール可能なデータのリストを表示するために使用されます。
12	分割ビューこれは、詳細ペインの情報を制御するマスターペインで2つのペインを表示するために使用されます。
13	テキストビューオプションで編集可能なテキスト情報のスクロール可能なリストを表示するために使用されます。
14	遷移を表示ビュー間のさまざまなビュー遷移について説明します。
15	ピッカーリストから特定のデータを選択するために表示するために使用されます。
16	スイッチこれは、アクションの無効化および有効化として使用されます。
17	スライダーこれは、ユーザーが許容値の範囲全体で値またはプロセスを調整できるようにするために使用されます。
18	アラートこれは、ユーザーに重要な情報を提供するために使用されます。
19	アイコンこれは、アクションに使用される画像表現であるか、アプリケーションに関連する何かを描写します。