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

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

1. 作成した HTML ファイルをプロジェクト内に追加します。
   この例では、form.html ファイルはプロジェクトの welcome フォルダー内にあります。
2. Main ファイルに以下のアクティビティを追加します。
   1. フォームを表示 - アップロードした HTML フォーム ファイルをドロップダウン リストから選択します。
   2. ローカル トリガーを実行 - ボタン イベントに対して作成するトリガーを開始します。
3. フォーム内に現在の日時を表示するトリガー ワークフロー (tick.xaml) を作成します。
   1. 日付と時刻が 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. さらに、[ローカル トリガーを停止] アクティビティを追加してオートメーション全体を停止できます。