/GaugeProgressViewStyle

GaugeProgressViewStyle adds the Apple Watch gauge view to iOS.

Primary LanguageSwiftMIT LicenseMIT

Swift

GaugeProgressViewStyle adds the Apple Watch gauge view to iOS.

Installation

To install GaugeProgressViewStyle, add GaugeProgressViewStyle as a dependency to your Package.swift file.

.package(url: "https://github.com/kkla320/GaugeView.git", from: "1.0.0")

Usage

Simply use the progressViewStyle method of ProgressView and pass the GaugeProgressViewStyle via one of the static members named gauge. Please have a look in the wiki for detailed documentation.

Code Result
ProgressView(value: 0)
  .progressViewStyle(.gauge())

No parameters

ProgressView(value: 0.5)
  .progressViewStyle(.gauge(thickness: 20))

Custom thickness

ProgressView(value: 0.5) {
    Text("Gauge")
}
.progressViewStyle(.gauge())

With label

ProgressView(value: 0.5)
  .progressViewStyle(
      .gauge {
          Text("12")
      } upperLabel: {
          Text("24")
      }
  )

With upper lower labels

ProgressView(value: 0.5)
  .progressViewStyle(
      .gauge {
          Image(systemName: "sun.max.fill")
      } upperLabel: {
          Image(systemName: "cloud.rain.fill")
      }
  )

With upper lower images

Requirements

  • Swift 5.5
  • iOS 14 and above

Contributing

Simply create a pull request.