Match Focus Android 'Loading bar' UI about focus-ios HOT 12 CLOSED

Here’s a visual design spec that tries to unify the iOS and Android progress bar as per @antlam’s original comment.

from focus-ios.

There's a GIF here:
https://github.com/walkingice/Progressbar/blob/master/misc/imgs/screenshot.gif

Note that there's an additional animation when loading has completed.

from focus-ios.

@bkmunar my estimate is 1.5 days - agree?

from focus-ios.

Is there a mock for this? unsure on what to be building

from focus-ios.

I'm going to need either @antlam or @brampitoyo to provide what you need. I'm not sure what the colors are. I believe this is what antlam is after:

mozilla-mobile/focus-android#1132

from focus-ios.

Thanks @brampitoyo ! note: this is iOS so it will likely be px instead of dp. But the numbers are still correct!

from focus-ios.

Better to overestimate: M

from focus-ios.

@bkmunar I really suggest playing with it on an Android device as well since this includes a lot of motion specific design elements.

@pocmo made the one on Android. Maybe he has pro-tips 😄

from focus-ios.

@walkingice implemented it for Fennec and we just stole the code for Focus. 😂

from focus-ios.

I saw his code for it! Now I just have to translate it into iOS :P Hopefully @walkingice can help me through that process

from focus-ios.

@bkmunar to give @antlam a build for review

from focus-ios.

Reviewed initial build, left feedback comments for @bkmunar via Slack.

• pulsing animation
• finishing animation
• left aligned bar (doesn't show rounded left-end until finishing animation)

from focus-ios.