「実践トレーニング③ ベースレイアウトの作成」について、手順を解説します。
この章のポイント：
- レイアウトの作成
- アプリ情報の表示
- ステップ遷移のトリガ
関連記事：
手順
レイアウト ウィジェットの配置
- 左下にあるベースレイアウトを開く
- 画面右のステップタブより背景色を変更する
- ツールバーのアイコンより図形ウィジェットを選択し、配置する
※ウィジェットはctrl+cでコピー、ctrl+vでペーストが可能です。 - ツールバーのボタンよりボタンウィジェット（メニュー、前へ戻る、次へ、完了）を配置する
※これらのボタンには予めトリガが登録されているため、そのまま使うことができます。
※次へボタンのトリガ
- ツールバーのテキストより変数を2つ挿入し、画面右ウィジェットタブのデータソースをそれぞれ下記の通り選択する
・アプリ情報＞ログインユーザー
・アプリ情報＞ステーション名 - ウィジェットタブで文字の大きさ・色を変更し、画面上部に配置する
- ツールバーのテキストより変数を挿入し、画面右ウィジェットタブで下記の通り変更し、画面上部に配置する
・データソース：アプリ情報＞ステップ名
・フォントの色：白色
・文字揃え：真ん中 - メニューボタンを選択した状態で画面右上の「前面へ」をクリックし、メニューボタンが最前面になるよう変更する
※前面へ、背面へでウィジェットの順番を入れ替えることができます。 - 以上でベースレイアウトの完成です！
次へ進む：実践トレーニング④ ステップの作成