FlutterでDesktopアプリ開発3 ~画面デザイン~

Figmaで画面デザインを作った。macOSのコンポーネントはmacOS Monterey UI Kit for Figmaここを参考にした。windowが可変対応してなかったので修正して使った。


全体

Alt text


初期画面

メニューから立ち上げる場合ここいらないなぁとは思いつつ一応作った。 Alt text


タイマー設定のUI

Alt text


タイマーの動作中のUI

Alt text


ストップウォッチUI

Alt text


いろいろ考えないといけなそうなこと。

動作中に画面閉じた場合。-> バックグランドで処理継続させる? バックグランドでタイマーが動作中はアプリ立ち上げた時にタイマーが立ち上がるようにする? 画面作ると色々考えないといけないことが出てくるね。


References

macOS Monterey UI Kit for Figma