こんにちは Androidエンジニアのなかむらです。 ミラティブでリリースされた視聴ミッションの実装に関してお話ししていこうと思います。 視聴ミッションは視聴開始直後からメーターが進み始めるという機能です。 このメーターをかっこよく表現したいよねということでデザイナーやPMと悩んだ末に生まれたUIがコチラ めちゃめちゃかっこいい。 でもこのUI組むの結構大変そうだなー。。。 どうやって組もうかなぁ。。。 色々と悩みました。 きっと自分以外にもそんな悩みを抱えている方が他にもいるはず(多分)ということで本記事では、そんな悩めるAndroidエンジニアに向けて実装方法を解説していきたいと思います。 このメーター部分のUIについて解説します ちなみに、最初に言っておくと実装自体はとてもシンプルです。 何も難しいことはありません。 では何に苦戦したのか。 それはこのUIの作り方をどう調べたらいいの
![【Android】Jetpack ComposeでCanvasを使って凝ったUIを表現しよう - Mirrativ Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2905c4dbd05c02e0af15b3c997ce4e8a3b47570/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FA%2FAkihiroNakamura%2F20230208%2F20230208171423.png)