t-hom https://blog.hatena.ne.jp/t-hom/ t-hom’s diary https://thom.hateblo.jp/ Arduino 今回はM5 Stack Basicで摂取カロリー記録用の3ボタンUIが完成した。 動作画面はこんな感じ。 動作イメージは動画でUpしようかと思ったんだけどGIF化してサイズ小さくしても収まらなかったので諦めた。。 ま、そんな大層なプログラムじゃないしな。図示するとこんな感じ。 桁移動は循環するようになっている。 単品で1000kcalを超えることが少ない為、入力桁の初期値は100の位としている。他にも中央ボタン長押しで入力中の値をリセットする機能がある。3ボタンという制約でシンプルに入力しやすさを工夫した結果として、ボタン数が少ないUIの典型的なパターンに収束した感じがする。コードは以下のとお… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fthom.hateblo.jp%2Fentry%2F2021%2F02%2F17%2F232923" title="M5 Stack Basicで摂取カロリー記録用の3ボタンUI部分が完成 - t-hom’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/t-hom/20210217/20210217230325.png Hatena Blog https://hatena.blog 2021-02-17 23:29:23 rich https://thom.hateblo.jp/entry/2021/02/17/232923 1.0 100%