Range型の活用方法

SwiftUIでは、Range型は特定の範囲の値を表現するための重要なデータ型です。
この型は、さまざまなシナリオで数値の範囲を表現し、操作する際に使用されます。ここでは、SwiftUIにおけるRangeの基本的な使い方を解説します。

Range型の宣言
1. Rangeの操作
2. Rangeの利用例
まとめ

Range型の宣言

let range = 1..<5 // 半開区間の範囲（1以上5未満）
let closedRange = 1...5 // 閉区間の範囲（1以上5以下）

Rangeの操作

範囲の要素へのアクセス

for number in range {
    print(number) // 1, 2, 3, 4
}

for number in closedRange {
    print(number) // 1, 2, 3, 4, 5
}

for-inループを使って範囲内の要素にアクセスできます。半開区間では上限値未満まで、閉区間では上限値までループします。

範囲内の値の検証

let containsThree = range.contains(3) // true
let overlaps = range.overlaps(4..<6) // true
let empty = range.isEmpty // false
let lower = range.lowerBound // 1
let upper = range.upperBound // 5

contains：特定の値が範囲内に含まれているかを確認
overlaps：別の範囲と重なっているか
isEmpty：範囲に要素が含まれるか
lowerBound ：範囲の下限
upperBound ：範囲の上限

Rangeの利用例

スライダーなどのUIコンポーネント

import SwiftUI

struct RangeSmpView: View {
    @State private var sliderValue = 50.0

    var body: some View {
        VStack {
            Text("Value: \(Int(sliderValue))")
            Slider(value: $sliderValue, in: 0...100, step: 1)
                .padding()
        }
    }
}

UIコンポーネントで数値の範囲を指定する場合にRangeを活用できます。この例では、0から100の範囲の値を持つスライダーを作成しています。

インデックスの操作

import SwiftUI

struct RangeSmpView: View {
    let range = 1...3 // 範囲（1から3）
    
    var body: some View {
        let names = ["Alice", "Bob", "Charlie", "David"]
        let selectedName = names[range] // ["Bob", "Charlie", "David"]
        
        ForEach(selectedName, id: \.self) { name in
            Text(name)
        }
    }
}