M5stackでメニュー画面を作る

最近M5stack流行ってますね。つぎつぎ新しいものが出るのですが、ついスイッチサイエンスで買っちゃいます。

だいぶ増えてきました…。※M5stickVが２台あるのはマイク有、無しの２タイプです

共通して言えることなのですが、ディスプレイのGUIが開発できるようになるとだいぶ見た目が良くなってきます。

ということで今日はM5stackのディスプレイのメニュー画面の作り方を紹介したいと思います。

こんな感じです。まず日本語フォントに対応しなければならないのでSDカードにフォントファイルを格納します。

https://qiita.com/ma2shita/items/fef1608fc9cf3a7bd46a

あと、メニューを変更できるように、a.txt b.txtと３つずつテキストファイルを格納します。
改行を入れて下記の通りにしてください。

＜a.txt＞
メニュー１
メニュー２
メニュー３

＜b.txt＞
メニュー３
メニュー４
メニュー５

今回のスケッチではこのテキストファイルを読み込んでその上に青いワクを選択、右のボタンで画面を遷移させていきます。