モバイル開発 : レクチャー８

確認メッセージ付きの電子メール送信用テキストフィールド

ステップ１ : マップとテキストパネルを追加する

ホームページの下部への配置

ホームページの下部に、テキストフィールドを配置し、その右横にはボタンウィジェットを配置します。テキストフィールド内のテキストを削除し、ボタンウィジェットには「送信」というテキストを追加します。

テキストフィールドの上に、テキストパネルを配置し、そのテキストを「メーリングリストに登録」に変更します。

ウィジェットプロパティ枠で、テキストパネルとテキストフィールドのラベル名をそれぞれ「メールパネル」、「メールフィールド」とします。

「OnClick」へのケースの追加

次に、「送信」ボタンを選択し、「OnClick」にケースを追加します。ケースエディタで、「変数/ウィジェットの値を設定する」を選択し、値設定エディタを開くをクリックします。

最初にテキストフィールド内のテキストをクリアにする設定をします。値設定エディタで、「ウィジェット［テキストについて］メールフィールド（テキストフィールド）を選び、次と等しいに続いて、値を選択し実際の値は空白にします。

緑の+ボタンをクリックして行を追加し、「ウィジェット［テキストについて］メールパネル（テキストパネル）を選び、次と等しいに続いて、値を選択し、テキストを編集ボタンをクリックします。現在表示されているテキストをハイライトし、「ご登録ありがとうございました！」に変更します。

完成したプロトタイプ

これで完成です。ブラウザでプロトタイプが期待通りに動作するか試してみましょう。