【Swift】UISwitchを利用したトグルボタンの実装方法からカスタマイズする方法まで徹底解説！

import UIKit

class SurveyViewController: UIViewController {
    
    private let agreementSwitch: UISwitch = {
        let switchControl = UISwitch()
        switchControl.translatesAutoresizingMaskIntoConstraints = false
        switchControl.isOn = false // スイッチの初期状態をオフに設定
        return switchControl
    }()
    
    private let agreementLabel: UILabel = {
        let label = UILabel()
        label.text = "同意しない" // ラベルの初期テキストを「同意しない」に設定
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        
        view.addSubview(agreementSwitch)
        view.addSubview(agreementLabel)
        
        setupConstraints()
        agreementSwitch.addTarget(self, action: #selector(toggleAgreement), for: .valueChanged)
        
        updateLabelForSwitchState() // 追加: 初期状態でラベルを更新する
    }
    
    private func setupConstraints() {
        NSLayoutConstraint.activate([
            agreementSwitch.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            agreementSwitch.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: -20),
            agreementLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            agreementLabel.topAnchor.constraint(equalTo: agreementSwitch.bottomAnchor, constant: 20)
        ])
    }
    
    @objc private func toggleAgreement() {
        updateLabelForSwitchState()
    }
    
    private func updateLabelForSwitchState() {
        // UISwitchの状態に応じてラベルのテキストを更新
        if agreementSwitch.isOn {
            agreementLabel.text = "同意する"
        } else {
            agreementLabel.text = "同意しない"
        }
    }
}

        // スイッチがオフのときの枠線の色を赤に設定
        switchControl.tintColor = UIColor.systemRed
        // スイッチのノブの色を白に設定
        switchControl.thumbTintColor = UIColor.blue
        // スイッチをオンの状態に設定
        switchControl.isOn = true
        // スイッチを有効に設定
        switchControl.isEnabled = true