GaugeProgressViewStyle icon indicating copy to clipboard operation
GaugeProgressViewStyle copied to clipboard

GaugeProgressViewStyle adds the Apple Watch gauge view to iOS.

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.