[ UIKit ] UISlider

안녕하세요 공공돌🧸 입니다.

UISlider에 대해 공식 문서를 번역해보면서 알아보겠습니다.

---

1. UISlider

Overview( 개요 )

슬라이더의 엄지손가락을 움직이면, 그것은 업데이트된 값을 해당되는 액션에 전달합니다.

슬라이더의 모양은 구성할 수 있습니다

트랙과 엄지손가락의 색상을 지정하고, 슬라이더의 끝에 나타날 이미지를 제공할 수 있습니다.

슬라이더를 인터페이스에 프로그래밍 방식으로 추가하거나 Interface Builder를 사용하여 추가할 수 있습니다.

 

다음 이미지는 UISlider 객체의 구성 요소를 설명하는 데 사용되는 용어를 왼쪽에서 오른쪽으로 표시합니다.

 

인터페이스에 슬라이더를 추가하려면 다음을 수행합니다

• 슬라이더가 나타내는 값의 범위를 지정합니다.
• 적절한 틴트 색상으로 슬라이더의 모양을 선택적으로 구성하고 이미지를 제한합니다.
• 하나 이상의 액션 메서드를 슬라이더에 연결합니다.
• 인터페이스에서 슬라이더의 크기와 위치를 제어하기 위해 자동 레이아웃 규칙을 설정합니다.

사용자 상호작용에 반응하기

사용자가 슬라이더의 값을 변경하면 슬라이더에 연결된 메서드가 호출되어 원하는 작업이 실행됩니다. 기본적으로는 사용자가 슬라이더의 Thumb를 이동시키면 연속적으로 이벤트를 호출하지만, isContinous 프로퍼티값을 false로 설정하면 슬라이더의 Thumb에서 손을 떼는 동시에 이벤트를 호출합니다.

 

슬라이더와 메서드 연결하는 방법

1. addTarget(_:action:for:) 메서드 사용
2. 인터페이스 빌더에서 연결 (@IBAction)

슬라이더와 연결하는 메서드 형식

슬라이더의 값을 변경했을 때 필요한 정보에 따라 아래 세 가지 중 한 가지를 선택하여 사용하세요.

func doSomething()
func doSomething(sender: UISlider)
func doSomething(sender: UISlider, forEvent event: UIEvent)

 

슬라이더 주요 프로퍼티

슬라이더의 프로퍼티 값을 설정하는 방식에는 프로그래밍 방식과, 스토리보드의 인스펙터를 이용한 방법이 있습니다.

• var minimumValue: Float, var maximumValue: Float: 슬라이더 양끝단의 값
• var value: Float: 슬라이더의 현재 값
• var isContinuous: Bool: 슬라이더의 연속적인 값 변화에 따라 이벤트 역시 연속적으로 호출할 것인지의 여부
• var minimumValueImage: UIImage?, var maximumValueImage: UIImage?: 슬라이더 양끝단의 이미지
• var thumbTintColor: UIColor?: thumb의 틴트 색상
• var minimumTrackTintColor: UIColor?, var maximumTrackTintColor: UIColor?: thumb를 기준으로 앞쪽 트랙과 뒤쪽 트랙의 틴트 색상

슬라이더 주요 매서드

//  슬라이더의 현재 값 설정
func setValue(Float, animated: Bool)

//  특정 상태의 minimumTrackImage 반환
func minimumTrackImage(for: UIControlState) -> UIImage?

// 특정 상태의 minimumTrackImage 설정
func setMinimumTrackImage(UIImage?, for: UIControlState)

// 특정 상태의 maximumTrackImage 반환
func maximumTrackImage(for: UIControlState) -> UIImage?

// 특정 상태의 minimumTrackImage 설정
func setMaximumTrackImage(UIImage?, for: UIControlState)

//  특정 상태의 thumbImage 반환
func thumbImage(for: UIControlState) -> UIImage?

//특정 상태의 thumbImage 설정
func setThumbImage(UIImage?, for: UIControlState)

---

참조 링크 

UISlider | Apple Developer Documentation

---

공부하는 공돌이, 공공돌입니다🐻

@sheep1sik