Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fummicc1/simpleroulette
SwiftUI library to create Roulette with ease.
https://github.com/fummicc1/simpleroulette
chart charts ios macos roulette roulette-animation roulette-wheel spm swift swift-package-manager swiftui swiftui-components
Last synced: 4 months ago
JSON representation
SwiftUI library to create Roulette with ease.
- Host: GitHub
- URL: https://github.com/fummicc1/simpleroulette
- Owner: fummicc1
- License: mit
- Created: 2020-05-29T02:01:22.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-10-05T03:41:27.000Z (over 1 year ago)
- Last Synced: 2024-10-09T11:21:10.128Z (4 months ago)
- Topics: chart, charts, ios, macos, roulette, roulette-animation, roulette-wheel, spm, swift, swift-package-manager, swiftui, swiftui-components
- Language: Swift
- Homepage: https://fummicc1.github.io/SimpleRoulette/
- Size: 87.2 MB
- Stars: 22
- Watchers: 6
- Forks: 6
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](http://cocoapods.org/pods/SimpleRoulette)
## SimpleRoulette
SimpleRoulette helps you to create customizable Roulette, with SwiftUI. (Compatible with both macOS and iOS.)
## Demo
### iOS
### macOS
## Install
### Swift Package Manager
Create `Package.swift` and add dependency like the following.
```swift
dependencies: [
.package(url: "https://github.com/fummicc1/SimpleRoulette.git", from: "1.3.0")
// or
.package(url: "https://github.com/fummicc1/SimpleRoulette.git", branch: "main")
]
```
### Cocoapods
Create `Podfile` and add dependency like the following.
```ruby
pod 'SimpleRoulette', '~> 1.3'
```
### Carthage
Create `Cartfile` and add dependency like the following.
```txt
github "fummicc1/SimpleRoulette"
```
## Usage
### RouletteView
All you need to know is just `RouletteView` and `PartData`.
`RouletteView` confirms to `View`, so you can use it like the follwing.
````swift
```swift
struct ContentView: View {
var body: some View {
RouletteView(
parts: partDatas
)
.startOnAppear(automaticallyStopAfter: 5) { part in
guard let text = part.content.text else {
return
}
title = text
}
}
var partDatas: [PartData] {
[
PartData(
content: .label("Swift"),
area: .flex(3),
fillColor: Color.red
),
PartData(
content: .label("Kotlin"),
area: .flex(1),
fillColor: Color.purple
),
PartData(
content: .label("JavaScript"),
area: .flex(2),
fillColor: Color.yellow
),
PartData(
content: .label("Dart"),
area: .flex(1),
fillColor: Color.green
),
PartData(
content: .label("Python"),
area: .flex(2),
fillColor: Color.blue
),
PartData(
content: .label("C++"),
area: .degree(60),
fillColor: Color.orange
),
]
}
}
````
## RouletteModel
If you want to pause / restart roulette. Please use `RouletteModel` like the following.
```swift
struct ContentView: View {
@StateObject var model: RouletteModel
var body: some View {
VStack {
RouletteView(model: model)
}.onAppear {
model.start()
DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
model.pause() // you can pause
DispatchQueue.main.asyncAfter(deadline: .now() + 5) {
model.restart() // you can restart
}
}
}
}
}
// Call ContentView
ContentView(
model: RouletteModel(
PartData(
content: .label("Swift"),
area: .flex(3),
fillColor: Color.red
),
PartData(
content: .label("Kotlin"),
area: .flex(1),
fillColor: Color.purple
),
PartData(
content: .label("JavaScript"),
area: .flex(2),
fillColor: Color.yellow
),
PartData(
content: .label("Dart"),
area: .flex(1),
fillColor: Color.green
),
PartData(
content: .label("Python"),
area: .flex(2),
fillColor: Color.blue
),
PartData(
content: .label("C++"),
area: .degree(60),
fillColor: Color.orange
),
)
)
```
## Documentation
- [Documentation](https://fummicc1.github.io/SimpleRoulette/documentation/simpleroulette)
## Contributing
Pull requests, bug reports and feature requests are welcome 🚀
## License
[MIT LICENSE](https://github.com/fummicc1/SimpleRoulette/blob/main/LICENSE)