Studio でプロジェクトを構築する

チュートリアルの部分では、以前に作成した HTML フォーム ファイルを表示する Studio プロジェクトの作成方法について説明します。

1. 作成した HTML ファイルをプロジェクト内に追加します。 この例では、form.html ファイルはプロジェクトの welcome フォルダー内にあります。
2. Main ファイルに以下のアクティビティを追加します。
   1. フォームを表示 - アップロードした HTML フォーム ファイルをドロップダウン リストから選択します。
   2. ローカル トリガーを実行 - ボタン イベントに対して作成するトリガーを開始します。
3. フォーム内に現在の日時を表示するトリガー ワークフロー (tick.xaml) を作成します。

   1. [ トリガーを繰り返し ] アクティビティを追加して、日付と時刻が隔秒で更新されるようにします。このためには、[ 間隔 ] を 00h 00m 01.000sに設定します。

   2. データをフォームにバインドするために、[ フォームの値を設定 ] アクティビティを追加します。HTML フォーム ファイルを作成したときの手順 8 で、 timeという名前の引数を使用して日付と時刻を表示するように構成しました。同じ名前を使用して、次の引数を [引数 ] コレクションに追加します。

      キー	入力	値 (Value)
      time	String	DateTime.Now.ToString()

4. [OK] ボタンがクリックされたときのイベントに対してトリガー ワークフローを作成します (on ok clicked.xaml)。

   1. [フォーム トリガー アクティビティ] を追加します。[フォームを選択] ドロップダウンから、アップロードした HTML ファイルを選択します。イベントとして [ フォーム メッセージ] を選択します。HTML フォーム内で設定したイベントは、Studio では フォーム メッセージ イベントとして表わされるためです。[ メッセージ ID ] に、 okClicked() 関数に対して作成した、送信するメッセージを入力します。

      

   2. 現在の日時のデータをフォームに送信するのを停止するために、[ローカル トリガーを無効化] アクティビティを追加します。triggerId として tick.xaml ファイルを選択します。

   3. [フォームを閉じる] アクティビティを追加して HTML ファイルを選択し、[OK] ボタンのクリック後にフォームを閉じることができるようにします。

5. [キャンセル] ボタンがクリックされたときのトリガー ワークフローを作成します (cancel clicked.xaml)。

   1. [フォーム トリガー アクティビティ] を追加します。[フォームを選択] ドロップダウンから、アップロードした HTML ファイルを選択します。イベントとして [ フォーム メッセージ] を選択します。HTML フォーム内で設定したイベントは、Studio では フォーム メッセージ イベントとして表わされるためです。[ メッセージ ID ] に、 cancelClicked() 関数に対して作成した、送信するメッセージを入力します。

      

   2. 現在の日時のデータをフォームに送信するのを停止するために、[ローカル トリガーを無効化] アクティビティを追加します。triggerId として tick.xaml ファイルを選択します。

   3. [フォームを閉じる] アクティビティを追加して HTML ファイルを選択します。これにより、[キャンセル] ボタンのクリック後にフォームを閉じることができます。

   4. さらに、[ローカル トリガーを停止] アクティビティを追加してオートメーション全体を停止できます。