Initializer

init(value:in:label:currentValueLabel:)

Creates a gauge showing a value within a range and that describes the gauge’s purpose and current value.

Declaration 宣言 

init<V>(value: V, in bounds: ClosedRange<V> = 0...1, label: () -> Label, currentValueLabel: () -> CurrentValueLabel) where BoundsLabel == EmptyView, MarkedValueLabels == EmptyView, V : BinaryFloatingPoint

Parameters パラメータ

value

The value to show on the gauge.

bounds

The range of the valid values. Defaults to 0...1.

label

A view that describes the purpose of the gauge.

currentValueLabel

A view that describes the current value of the gauge.

Discussion 議論

Use this method to create a gauge that displays a value within a range you supply with labels that describe the purpose of the gauge and its current value. In the example below, a gauge using the circular style shows its current value of 67 along with a label describing the (BPM) for the gauge:


struct SimpleGauge: View {
    @State private var current = 67.0


    var body: some View {
        Gauge(value: currrent, in: 0...170) {
            Text("BPM")
        } currentValueLabel: {
            Text("\(current)")
        }
        .gaugeStyle(.circular)
   }
}

A screenshot showing a circular gauge describing heart rate in beats

See Also 参照

Creating a Gauge ゲージを作成する

init<V>(value: V, in: ClosedRange<V>, label: () -> Label)
Creates a gauge showing a value within a range and describes the gauge’s purpose and current value.
init<V>(value: V, in: ClosedRange<V>, label: () -> Label, currentValueLabel: () -> CurrentValueLabel, markedValueLabels: () -> MarkedValueLabels)
Creates a gauge representing a value within a range.
init<V>(value: V, in: ClosedRange<V>, label: () -> Label, currentValueLabel: () -> CurrentValueLabel, minimumValueLabel: () -> BoundsLabel, maximumValueLabel: () -> BoundsLabel)
Creates a gauge showing a value within a range and describes the gauge’s current, minimum, and maximum values.
init<V>(value: V, in: ClosedRange<V>, label: () -> Label, currentValueLabel: () -> CurrentValueLabel, minimumValueLabel: () -> BoundsLabel, maximumValueLabel: () -> BoundsLabel, markedValueLabels: () -> MarkedValueLabels)
Creates a gauge representing a value within a range.