[UIKit] UISlider

[UIKit] hierarchy, 계층구조

[NSObject - UIResponder - UIView - UIControl - UISlider]

 

 

 

UISlider는 사용자가 슬라이더 막대를 드래그하여 값을 선택할 수 있도록 하는 객체이다.

 

Property, Method

slider.minimumValue = 0 // 슬라이더 최소값 설정
slider.maximumValue = 100 // 슬라이더 최대값 설정
slider.value = 50 // 초기값 설정
slider.minimumTrackTintColor = .blue // 슬라이더의 최소값 방향의 막대 색깔을 설정
slider.maximumTrackTintColor = .gray // 슬라이더의 최대값 방향의 막대 색깔을 설정
slider.thumbTintColor = .red // 슬라이더의 움직이는 부분의 색깔 설정

slider.setValue((slider.minimumValue + slider.maximumValue) / 2, animated: true) // 중간으로 설정

 

 

 

스토리보드에서 추가

'Command + Shift + L'

 

 

 

 

 

 

코드로 추가

private lazy var mySlider: UISlider = {
    let slider = UISlider()
    slider.maximumValue = 60
    slider.minimumValue = 0
    slider.value = 50 // 초기값 설정
    slider.setValue((slider.minimumValue + slider.maximumValue) / 2, animated: true) // 중간으로 설정
    slider.minimumTrackTintColor = .blue // 슬라이더의 최소값 방향 색깔을 설정
    slider.maximumTrackTintColor = .gray // 슬라이더의 최대값 방향 색깔을 설정
    slider.thumbTintColor = .red // 슬라이더의 움직이는 부분의 색깔 설정
    slider.addSubview(mySlider)
    return slider
}()

[AutoLayout]
//func mySliderSetup() {
//    mySlider.translatesAutoresizingMaskIntoConstraints = false
//
//    NSLayoutConstraint.activate([
//    mySlider.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 30),
//    mySlider.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -30),
//    mySlider.topAnchor.constraint(equalTo: view.topAnchor, constant: 30),
//    mySlider.heightAnchor.constraint(equalToConstant: 40).isActive = true
//    ])
//}