状況ビューをデザインする
「c2アプリの開発」の画面で、今度は「状況ビュー」のプレビュー画像をダブルクリックして、「状況ビュー」編集画面を開きます。
「状況ビュー」編集画面の操作は入力フォームを編集したときの操作と全く同じです。唯一違うのは、「状況ビュー」向けのメニューで選択できるパーツが増えていることです。
サブフォームを使ってみる
入力フォームと同じように背景イメージを設定したら、状況ビューの中に「サブフォーム」という入力された情報を全て表示することができるフォームを追加します。「ディスカッション」スタイルのように、１つの投稿用紙が送信された後、それに複数の返答が投稿されることがあるような場合は、投稿内容の全ての履歴が表示できると便利です。「サブフォーム」はこのような複数の返答内容を一度に表示させるのに使うことができます。
「挿入」メニューの「リスト表示」から、「サブフォーム」を選んでサブフォームを「状況ビュー」編集画面に追加します。
ここで新しくサブフォームを編集する画面が開きます。
サブフォーム編集画面のプロパティを開いて、「テキストフィールド」パーツを２つと「テキストエリア」パーツを１つ配置します。
それぞれの「テキストフィールド」パーツには「既存のフィールドから割り当てる」をチェックし、「$$creator$$」と「$$created$$」のフィールド名を設定します。これにより、投稿者の「c2talkメールアドレス」と「投稿日時」が表示されます。
「テキストエリア」パーツをフォームにドラッグ&ドロップして表示されるスキーマ定義画面で「既存のフィールドから割り当てる」をチェックし、「contents」というフィールド名を設定します。このように先に入力フォーム内で設定したフィールド名を他のパーツでも設定できます。このようにすると、両方のパーツで同じ値を参照できるようになります。
フィールド名の設定が終わったので、サブフォーム編集画面の右上の保存ボタンをクリックして、サブフォームを保存します（サブフォームを再編集するときは、サブフォームパーツをダブルクリックしてください）。
保存してサブフォーム編集画面を閉じると、サブフォームパーツ内に先ほど編集した内容でプレビューがされます。
最後に、サブフォームパーツを選択してプロパティ画面の「サブフォーム」カテゴリーにある「サブフォームタイトル」の右欄＜ここにタイトルを入力して下さい＞に、「投稿履歴」と入力します。
サブフォームのタイトルが表示されました。
最後に「状況ビュー」の「保存」ボタンをクリックして、画面を閉じます。
以上でスタイルと「入力フォーム」、「状況ビュー」の内容の作成が終了し、c2アプリが完成しました。