fix: performance drop caused by UI animation

[anhappdev]

• Closes #856
• Part of https://github.com/mlcommons/mobile_app_open/issues/806

The progress screen now looks like this and has no animation:

---

2024-02-22:

• I added a new setting so we can quickly test different animation styles. For comparison, I added back the old dotted circle animation we had before the UI change.
• In my testing with an old Samsung phone, dotted or gradient circle produce similar throughput, and no animation produces a slightly higher throughput. So we should decide whether we want a progress animation or not, then I will update the code and remove the setting.

[github-actions[bot]]

MLCommons CLA bot All contributors have signed the MLCommons CLA ✍️ ✅

[mohitmundhragithub]

Thanks a lot. We experimented with these settings. 1) "No animation" gives the best performance. 2) "dotted circle" gives performance as good as the previous UI. 3) "gradient circle" gives performance quite a bit less than previous UI.

user experience wise, all the three options looks ok to us.

[anhappdev]

@mohitmundhragithub Thanks for the feedback. BTW, I forgot to mention, if you don't use the release APKs from GitHub but build the app locally, please make sure you run it with the --profile flag flutter run --profile when testing performance.

[mohitmundhragithub]

@mohitmundhragithub Thanks for the feedback. BTW, I forgot to mention, if you don't use the release APKs from GitHub but build the app locally, please make sure you run it with the --profile flag flutter run --profile when testing performance.

which portion will it enable?

[freedomtan]

no animation, but when the go button pressed, make the outer circle bright.

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud

[mohitmundhragithub]

This PR may be required to be cherry-picked to submission-v4.0 branch as well.