買い物リストアプリ・テンプレート
このテンプレートでできること
「買い物リストアプリ」は、買いたいアイテムを追加・保存・削除できる定番のリストアプリです。
小型DBによるデータ保存、リスト表示、項目削除まで完成済みで、aiaを読み込むだけでそのまま動作します。
使い方（セットアップ方法）
- App Inventorにアクセス
- 「プロジェクト」→「コンピューターからプロジェクトを(.aia)インポート」でaiaファイルを選択
- アプリを開いて「AIコンパニオン」で動作確認
- 必要に応じて画面テキスト・色・アイコンを変更（初心者でも5分で可能）
アプリの基本操作
このアプリは以下の手順で利用できます：
- 「買い物を入力」欄に品名を入れてから「追加」ボタンをタップしてアイテムを登録
- 小型DBに保存されるためアプリを閉じても残る
- 項目をタップして削除が可能
- 買い物リストとしてすぐに使えるシンプル構成
アプリをカスタマイズする方法
このテンプレートは、初心者でも以下のような改造が簡単にできます：
- 画面の色やボタンのデザインを変更
- 数量やメモ欄を追加して実用性アップ
動作環境
・日本語化プロジェクトApp Inventorで動作確認済み
・Android端末で動作確認済み
・iOS版は一応動きますが、レイアウトが崩れます
改造サンプル集
ここでは、テンプレートを元に「初心者でも10〜15分でできる簡単な改造例」を紹介します。
どれも コンポーネントを数個追加して、ブロックを何行か足すだけ で動くようになります。
①合計金額を自動計算する
📌 できること
価格を入力すると、買い物合計がワンタップで計算される
🛠 必要な作業
- デザイン編集：テキストボックス（価格入力欄）、ボタンとラベル（合計金額）を追加
- ブロック編集：項目追加時に価格を含めてリストに追加。リストのリストを小型DBに保存
- ブロック編集：合計金額ボタンをクリックしたら価格合計を計算して表示
②チェックボックスで「買ったもの」に印をつける
📌 できること
リスト内のアイテムを「購入済み」としてチェックできる
🛠 必要な作業
- リストビュー で、チェックを買い物に追加
- 項目追加時に「チェック= 真/偽」を含めてリストに追加。リストのリストを小型DBに保存。
