こんにちは!ゆかゆかです。
これまでAdaloを使って簡単にシンプルなメニューアプリを作成しました。
リンク:簡単3ステップでメニューアプリを作ってみる(①シンプル編)
前回はメニューの詳細をポップアップで表示する設定を行いました。
今日は超簡単に検索窓を表示する設定を追加します!
まずは出来上がりのイメージです。
メニューに検索窓が出ています!
「アイス」と入力すると・・・
これでメニューを探しやすくなりますね。
それでは設定をしていきます〜
1.メニューの表示設定
「簡単3ステップでメニューアプリを作ってみる(①シンプル編)」で作成した、
メニューに検索窓をつけてみます。
- メニューリストを選択
- 左下のList Searchを有効に設定
メニューリストの上に検索窓が表示されます。
テキストは最初英語なので、日本語に書き換えます。
こんな感じにしてみました。
あっという間に設定ができました!
早速動かしてみます〜
プレビュー
メニュー検索が表示されています!
存在しないメニュー名を入力すると・・・
「対象なし」と表示しました。
「ジュース」と入力すると・・・
ちなみに、金額の方でも検索ができます!
検索窓、すごく簡単に設定できるので、試してみてください。
自分でアプリが作れるって、楽しいですよね❤︎
メニューから注文できる設定にもチャレンジしてみたいですね!
▼無料でも意外と使える Nocode開発ツール Adalo