1
1
<a href =" https://www.ramotion.com/agency/app-development?utm_source=gthb&utm_medium=repo&utm_campaign=blob-menu " ><img src =" https://github.com/Ramotion/blob-menu/blob/master/Promo/Header.png " ></a >
2
-
2
+
3
3
<a href =" https://github.com/Ramotion/animated-tab-bar " >
4
4
<img align =" center " src =" https://github.com/Ramotion/blob-menu/blob/master/Promo/Blob-Menu-dark.gif " /></a >
5
5
6
6
<p ><h1 align =" left " >BLOB MENU</h1 ></p >
7
7
8
8
<h4 >Swift UI menu library.</h4 >
9
9
___
10
-
11
-
12
-
10
+
13
11
<p ><h6 >We specialize in the designing and coding of custom UI for Mobile Apps and Websites.</h6 >
14
12
<a href =" https://www.ramotion.com/agency/app-development?utm_source=gthb&utm_medium=repo&utm_campaign=blob-menu " >
15
13
<
img src =
" https://github.com/ramotion/gliding-collection/raw/master/[email protected] " width =
" 187 " height =
" 34 " ></
a >
16
14
</p >
17
15
<p ><h6 >Stay tuned for the latest updates:</h6 >
18
16
<a href =" https://goo.gl/rPFpid " >
19
17
<img src =" https://i.imgur.com/ziSqeSo.png/ " width =" 156 " height =" 28 " ></a ></p >
20
-
21
- </ br >
22
-
18
+
19
+ <br >
20
+
23
21
[ ![ Twitter
] ( https://img.shields.io/badge/[email protected] ?style=flat )] ( http://twitter.com/Ramotion )
24
22
[ ![ Carthage compatible] ( https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat )] ( https://github.com/Ramotion/blob-menu )
25
23
[ ![ codebeat badge] ( https://codebeat.co/badges/6f67da5d-c416-4bac-9fb7-c2dc938feedc )] ( https://codebeat.co/projects/github-com-ramotion-blob-menu )
26
24
[ ![ Swift 5.0] ( https://img.shields.io/badge/Swift-5.0-green.svg?style=flat )] ( https://developer.apple.com/swift/ )
27
25
[ ![ Donate] ( https://img.shields.io/badge/Donate-PayPal-blue.svg )] ( https://paypal.me/Ramotion )
28
-
29
-
26
+
27
+
30
28
## Requirements
31
-
29
+
32
30
- iOS 13.0
33
31
- Xcode 11.4
34
32
- Swift 5.0
35
-
36
-
33
+
34
+
37
35
## Installation
38
36
You can install ` blob-menu ` in several ways:
39
-
37
+
40
38
- By adding the source files to your project.
41
-
39
+
42
40
<br >
43
-
41
+
44
42
- Via [ Swift Package Manager] ( https://swift.org/package-manager/ ) .
45
-
43
+
46
44
<br >
47
-
45
+
48
46
- Via [ CocoaPods] ( https://cocoapods.org ) :
49
47
``` ruby
50
48
pod ' blob-menu'
51
49
```
52
-
50
+
53
51
<br >
54
-
52
+
55
53
- Via [ Carthage] ( https://github.com/Carthage/Carthage ) :
56
54
```
57
55
github "Ramotion/blob-menu"
58
56
```
59
-
57
+
60
58
## Usage
61
-
59
+
62
60
### Blob Menu
63
-
61
+
64
62
1 . Create several menu items. You need to provide at least one image icon to initialize ` BlobMenuItem ` .
65
63
2 . Use these menu items to create a menu model ` BlobMenuModel ` .
66
-
64
+
67
65
` public init(items: [BlobMenuItem], selectedIndex: Int = 0, isOpened: Bool = false) `
68
-
66
+
69
67
3 . Finally, use the menu model to initialize ` BlobMenuView ` . You can use this view in your layout.
70
-
68
+
71
69
### Example
72
70
```
73
71
extension BlobMenuItem {
@@ -78,11 +76,11 @@ extension BlobMenuItem {
78
76
BlobMenuItem(icon: <#Image#>)
79
77
]
80
78
}
81
-
79
+
82
80
struct ContentView: View {
83
-
81
+
84
82
@ObservedObject private var model = BlobMenuModel(items: BlobMenuItem.all)
85
-
83
+
86
84
var body: some View {
87
85
VStack {
88
86
Spacer()
@@ -91,31 +89,33 @@ struct ContentView: View {
91
89
}
92
90
}
93
91
```
94
-
92
+
95
93
### Configuration
96
-
94
+
97
95
To configure additional menu parameters, use a custom ` BlobMenuConfiguration ` in the ` BlobMenuView ` init method.
98
-
96
+
99
97
` public init(model: BlobMenuModel, configuration: BlobMenuConfiguration = .default) `
100
-
98
+
101
99
Right now we provide only color parameters. If you have ideas on what else should be configurable, please create an issue with ` suggestion ` label.
102
100
For more integration details, please take a look at the ` Example ` project.
103
-
101
+
104
102
## �� License
105
-
103
+
106
104
Blob Menu is released under the MIT license.
107
105
See [ LICENSE] ( ./LICENSE ) for details.
108
-
106
+
109
107
This library is a part of a <a href =" https://github.com/Ramotion/swift-ui-animation-components-and-libraries " ><b >selection of our best UI open-source projects.</b ></a >
110
-
108
+
111
109
If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com
112
-
113
-
110
+
111
+
114
112
## �� Get the Showroom App for iOS to give it a try
115
113
Try this UI component and more like this in our iOS app. Contact us if interested.
116
-
114
+
117
115
<a href =" https://itunes.apple.com/app/apple-store/id1182360240?pt=550053&ct=garland-view&mt=8 " >
118
116
<
img src =
" https://github.com/ramotion/gliding-collection/raw/master/[email protected] " width =
" 117 " height =
" 34 " ></
a >
119
-
117
+
120
118
<a href =" https://www.ramotion.com/agency/app-development?utm_source=gthb&utm_medium=repo&utm_campaign=blob-menu " >
121
119
<
img src =
" https://github.com/ramotion/gliding-collection/raw/master/[email protected] " width =
" 187 " height =
" 34 " ></
a >
120
+ <br >
121
+ <br >
0 commit comments