「登録」ステップを作りこんでいきましょう!
徐々に難しくなりますので、必要に応じて解説もご覧ください!
この章で行うこと:
- 画面を分割するアイコンウィジェットの配置
- ウィジェット①:
- 位置:x 25、y 165
- サイズ:w 1105、h 790
- ウィジェット② :
- 位置:x 1150、y 165
- サイズ:w 740、h 500
- ウィジェット③:
- 位置:x 1150、y 685
- サイズ:w 740、h 270
- 各ウィジェット共通事項:
- 塗りつぶしの色:#FFFFFF
- 枠線の色:#BDBDBD
- 枠線の幅:1
- ウィジェット①:
- テキストの配置
- 在庫状況の変更
- アイテム
- 場所
- 数量
- 削除
- 追加
- 移動
- 数量
- 移動先
- テキスト・数量の入力ウィジェットを配置し、それぞれ下記名前の変数を割り当てる
- 「アイテム」の入力ウィジェット:アイテム
- 「場所」の入力ウィジェット:場所
- 「削除」の入力ウィジェット:削除数量
- 「追加」の入力ウィジェット:追加数量
- 「移動」の「数量」入力ウィジェット:移動数量
- 「移動」の「移動先」入力ウィジェット:移動先
- クリアボタンの作成、配置
- ボタンの色:#616161
- 境界の半径:48
- クリアボタンのトリガの設定
- トリガ名:変数のクリア
- アクション:変数「アイテム」「場所」「削除数量」「追加数量」「移動数量」「移動先」のクリア
- 削除・追加・移動ボタンの作成、配置
- 削除ボタン色:#C33D36
- 追加ボタン色:#F0F9BB
- 移動ボタン色:#C2E4E9
- 境界の半径:48
- テストモードでの動作確認
- 変数に値を入力した後、クリアボタンのクリックで値が削除されるかを確認する
下記のレイアウト、動作が実装できていれば、この章の目標達成です!