Xamarin-building-the-app-gui
Xamarin-アプリGUIの構築
TextView
TextViewは、Androidウィジェットの非常に重要なコンポーネントです。 主に、Android画面にテキストを表示するために使用されます。
テキストビューを作成するには、単に main.axml を開き、線形レイアウトタグの間に次のコードを追加します。
ボタン
ボタンは、クリックされたときにイベントをトリガーするために使用されるコントロールです。 Main.axml ファイルの下に、次のコードを入力してボタンを作成します。
上記のコードは、作成したボタンの値を提供します。 次に、 MainActivity.cs を開き、ボタンがクリックされたときに実行されるアクションを作成します。 base.OnCreate (バンドル)メソッドの下に次のコードを入力します。
上記のコードでは、ユーザーがボタンをクリックすると「You Clicked Me」と表示されます。
チェックボックス
チェックボックスは、オプションのグループから複数のオプションを選択する場合に使用されます。 この例では、チェックボックスを作成します。チェックボックスを選択すると、チェックされたことを示すメッセージが表示されます。
まず、プロジェクトで Main.axml ファイルを開き、次のコード行を入力してチェックボックスを作成します。
次に、 MainActivity.cs に移動して機能コードを追加します。
上記のコードから、最初に findViewById を使用してチェックボックスを見つけます。 次に、チェックボックスのハンドラーメソッドを作成し、ハンドラーで、選択した結果に応じてメッセージを表示するif elseステートメントを作成します。
プログレスバー
進行状況バーは、操作の進行状況を示すために使用されるコントロールです。 プログレスバーを追加するには、 Main.axml ファイルに次のコード行を追加します。
次に、 MainActivity.cs に進み、進行状況バーの値を設定します。
上記のコードでは、値が35のプログレスバーを作成しました。
ラジオボタン
これは、ユーザーが一連のオプションから1つを選択できるAndroidウィジェットです。 このセクションでは、チェックされたラジオボタンを取得する車のリストを含むラジオグループを作成します。
まず、次のコードに示すように、ラジオグループと textview を追加します-
アクションを実行するには、ラジオボタンがクリックされたときにアクティビティを追加します。 MainActivity.cs に移動し、以下に示すように新しいイベントハンドラーを作成します。
- Toast.MakeText()→これは、メッセージ/出力を小さなポップアップで表示するために使用されるビューメソッドです。 * SetContentView()*の直後の OnCreate()*メソッドの下部に、次のコードを追加します。 これにより、各ラジオボタンがキャプチャされ、作成したイベントハンドラーに追加されます。
次に、アプリケーションを実行します。 出力として次の画面を表示する必要があります-
トグルボタン
トグルボタンは、2つの状態を切り替えるために使用されます。たとえば、オンとオフを切り替えることができます。 Resources \ layout \ Main.axml を開き、次のコード行を追加してトグルボタンを作成します。
クリックされたときにトグルバーにアクションを追加できます。 MainActivity.cs を開き、* OnCreate()*メソッドクラスの後に次のコード行を追加します。
さて、アプリを実行すると、次の出力が表示されるはずです-
評価バー
評価バーは星で構成されたフォーム要素であり、アプリのユーザーはこれを使用して、提供したものを評価できます。 Main.axml ファイルで、5つ星の新しい評価バーを作成します。
アプリを実行すると、次の出力が表示されます-
オートコンプリートテキストビュー
これは、ユーザーが入力している間に完全な候補を表示するテキストビューです。 ユーザーの名前のリストと、クリックすると選択した名前が表示されるボタンを含むオートコンプリートテキストビューを作成します。
上記のコードは、入力用のTextView、候補を表示するための AutoCompleteTextView 、およびTextViewから入力された名前を表示するボタンを生成します。 MainActivity.cs に移動して機能を追加します。
以下に示すように、新しいイベントハンドラーメソッドを作成します。
作成されたハンドラーは、オートコンプリートテキストビューが空かどうかを確認します。 空でない場合は、選択したオートコンプリートテキストが表示されます。 * OnCreate()*クラス内に次のコードを入力します。
これで、アプリケーションを実行すると、次の出力が表示されます。