@@ -7,10 +7,9 @@ You may see the following [Medium](https://medium.com/) article for detailed exp
7
7
8
8
- [ Create Loading Buttons in iOS using Swift] ( https://medium.com/@twho/create-loading-buttons-in-ios-using-swift-63ec77eebda?sk=8f69e9a7760cabacde096c34cc416f95 )
9
9
10
- | <img src =" gif/overview-light.gif " alt =" Overview " width =" 240 " /> | <img src =" gif/overview-dark.gif " alt =" Overview Dark " width =" 240 " /> |
11
- | :--:| :--:|
12
10
| Light mode | Dark mode |
13
-
11
+ | :--:| :--:|
12
+ | <img src =" gif/overview-light.gif " alt =" Overview " width =" 240 " /> | <img src =" gif/overview-dark.gif " alt =" Overview Dark " width =" 240 " /> |
14
13
15
14
## Key Features
16
15
- The example gives you ** 9** choices of loading indicators with the loading button.
@@ -50,73 +49,73 @@ if #available(iOS 13.0, *) {
50
49
``` swift
51
50
btnLoading.indicator = UIActivityIndicatorView ()
52
51
```
53
- | <img src =" gif/sysdefault-light.gif " alt =" System Default " width =" 350 " /> | <img src =" gif/sysdefault-dark.gif " alt =" System Default Dark " width =" 350 " /> |
54
- | :--:| :--:|
55
52
| Light mode | Dark mode |
53
+ | :--:| :--:|
54
+ | <img src =" gif/sysdefault-light.gif " alt =" System Default " width =" 350 " /> | <img src =" gif/sysdefault-dark.gif " alt =" System Default Dark " width =" 350 " /> |
56
55
57
56
### Material Design
58
57
``` swift
59
58
btnLoading.indicator = MaterialLoadingIndicator (color : .gray )
60
59
```
61
- | <img src =" gif/materialdesign-light.gif " alt =" Material Design " width =" 350 " /> | <img src =" gif/materialdesign-dark.gif " alt =" Material Design Dark " width =" 350 " /> |
62
- | :--:| :--:|
63
60
| Light mode | Dark mode |
61
+ | :--:| :--:|
62
+ | <img src =" gif/materialdesign-light.gif " alt =" Material Design " width =" 350 " /> | <img src =" gif/materialdesign-dark.gif " alt =" Material Design Dark " width =" 350 " /> |
64
63
65
64
### Ball Pulse
66
65
``` swift
67
66
btnLoading.indicator = BallPulseSyncIndicator (color : .gray )
68
67
```
69
- | <img src =" gif/ballpulse-light.gif " alt =" Ball Pulse " width =" 350 " /> | <img src =" gif/ballpulse-dark.gif " alt =" Ball Pulse Dark " width =" 350 " /> |
70
- | :--:| :--:|
71
68
| Light mode | Dark mode |
69
+ | :--:| :--:|
70
+ | <img src =" gif/ballpulse-light.gif " alt =" Ball Pulse " width =" 350 " /> | <img src =" gif/ballpulse-dark.gif " alt =" Ball Pulse Dark " width =" 350 " /> |
72
71
73
72
### Ball Pulse Sync
74
73
``` swift
75
74
btnLoading.indicator = BallSpinFadeIndicator (color : .gray )
76
75
```
77
- | <img src =" gif/ballpulsesync-light.gif " alt =" Ball Pulse Sync " width =" 350 " /> | <img src =" gif/ballpulsesync-dark.gif " alt =" Ball Pulse Sync Dark " width =" 350 " /> |
78
- | :--:| :--:|
79
76
| Light mode | Dark mode |
77
+ | :--:| :--:|
78
+ | <img src =" gif/ballpulsesync-light.gif " alt =" Ball Pulse Sync " width =" 350 " /> | <img src =" gif/ballpulsesync-dark.gif " alt =" Ball Pulse Sync Dark " width =" 350 " /> |
80
79
81
80
### Ball Spin
82
81
``` swift
83
82
btnLoading.indicator = LineScalePulseIndicator (color : .gray )
84
83
```
85
- | <img src =" gif/ballspin-light.gif " alt =" Ball Spin " width =" 350 " /> | <img src =" gif/ballspin-dark.gif " alt =" Ball Spin Dark " width =" 350 " /> |
86
- | :--:| :--:|
87
84
| Light mode | Dark mode |
85
+ | :--:| :--:|
86
+ | <img src =" gif/ballspin-light.gif " alt =" Ball Spin " width =" 350 " /> | <img src =" gif/ballspin-dark.gif " alt =" Ball Spin Dark " width =" 350 " /> |
88
87
89
88
### Line Scale
90
89
``` swift
91
90
btnLoading.indicator = LineScaleIndicator (color : .gray )
92
91
```
93
- | <img src =" gif/linescale-light.gif " alt =" Line Scale " width =" 350 " /> | <img src =" gif/linescale-dark.gif " alt =" Line Scale Dark " width =" 350 " /> |
94
- | :--:| :--:|
95
92
| Light mode | Dark mode |
93
+ | :--:| :--:|
94
+ | <img src =" gif/linescale-light.gif " alt =" Line Scale " width =" 350 " /> | <img src =" gif/linescale-dark.gif " alt =" Line Scale Dark " width =" 350 " /> |
96
95
97
96
### Line Scale Pulse
98
97
``` swift
99
98
btnLoading.indicator = BallPulseIndicator (color : .gray )
100
99
```
101
- | <img src =" gif/linescalepulse-light.gif " alt =" Line Scale Pulse " width =" 350 " /> | <img src =" gif/linescalepulse-dark.gif " alt =" Line Scale Pulse Dark " width =" 350 " /> |
102
- | :--:| :--:|
103
100
| Light mode | Dark mode |
101
+ | :--:| :--:|
102
+ | <img src =" gif/linescalepulse-light.gif " alt =" Line Scale Pulse " width =" 350 " /> | <img src =" gif/linescalepulse-dark.gif " alt =" Line Scale Pulse Dark " width =" 350 " /> |
104
103
105
104
### Ball Beat
106
105
``` swift
107
106
btnLoading.indicator = BallBeatIndicator (color : .gray )
108
107
```
109
- | <img src =" gif/ballbeat-light.gif " alt =" Ball Beat " width =" 350 " /> | <img src =" gif/ballbeat-dark.gif " alt =" Ball Beat Dark " width =" 350 " /> |
110
- | :--:| :--:|
111
108
| Light mode | Dark mode |
109
+ | :--:| :--:|
110
+ | <img src =" gif/ballbeat-light.gif " alt =" Ball Beat " width =" 350 " /> | <img src =" gif/ballbeat-dark.gif " alt =" Ball Beat Dark " width =" 350 " /> |
112
111
113
112
### Line Spin
114
113
``` swift
115
114
btnLoading.indicator = LineSpinFadeLoader (color : .gray )
116
115
```
117
- | <img src =" gif/linespin-light.gif " alt =" Line Spin " width =" 350 " /> | <img src =" gif/linespin-dark.gif " alt =" Line Spin Dark " width =" 350 " /> |
118
- | :--:| :--:|
119
116
| Light mode | Dark mode |
117
+ | :--:| :--:|
118
+ | <img src =" gif/linespin-light.gif " alt =" Line Spin " width =" 350 " /> | <img src =" gif/linespin-dark.gif " alt =" Line Spin Dark " width =" 350 " /> |
120
119
121
120
## Credits
122
121
* [ Material Design] ( https://material.io/design/ )
0 commit comments