Activity Spinners - nahtedetihw/SnowboardWIKI GitHub Wiki
To add Activity Spinners you need to download the upcoming "Snowboard UI Extension" from Spark's Repo
Spinners
There are multiple different types of activity (loading) spinners used in various locations and conditions. Some use 8 frames, with a numbering structure 0-7, some 12 frames, numbered 0-11, 16 frames, numbered 0-15, and 24 frames, numbered 0-23. Recommended sizes are given in brackets after each type. Note: the prefix @3x is used mostly for Plus devices (iPhone Plus/X/XS/11 Pro/11 Pro Max) and @2x for regular size devices (iPhone 5s/SE/6/7/8/XR/11) See here for more information on scales: https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/image-size-and-resolution/
8 frames - in these, the actual images sit centrally, with equal margins at top and bottom
[email protected]
(size 30x60px @3x; 20x40px @2x)[email protected]
(size 30x60px @3x; 20x40px @2x)[email protected]
(size 36x72px @3x; 24x48px @2x)
12 frames
[email protected]
(size 60x60px @3x; 40x40px @2x)[email protected]
(size 60x60px @3x; 40x40px @2x)[email protected]
(size 111x111px @3x; 74x74px @2x)[email protected]
(size 111x111px @3x; 74x74px @2x)[email protected]
(size 96x96px @3x; 64x64px @2x)[email protected]
(size 192x192px @3x; 128x128px @2x)
16 frames
[email protected]
(size 42x42px @3x; 28x28px @2x)[email protected]
(size 42x42px @3x; 28x28px @2x)[email protected]
(size 42x42px @3x; 28x28px @2x)
24 frames - these are the smaller circling arrow spinners, used during backups and syncs
[email protected]
(size 51x51px @3x; 34x34px @2x)[email protected]
(size 42x42px @3x; 28x28px @2x)[email protected]
(size 27x27px @3x; 18x18px @2x)
Supply all of these and you will cover nearly all activity spinners - note that some apps use their own internal graphics instead.
Here's a theme preview:
The one at the top is an 8 frame status bar spinner, the other is a 12 frame.