iOS(Swift) UI Slider 사용 방법

Slider

사용자에게 수치를 받기 위한 UI인 Slider에 대해 알아보자.

 

슬라이더 UI 예시 이미지

 

위와 같이 생긴 걸 슬라이더(Slider)라고 한다.

 

슬라이더 속성 값 inspector

 

초기 값을 Value라는 속성으로 설정할 수 있고

이어서 최솟값, 최댓값을 설정할 수 있다.

나머지 값들은 추후에 필요 시 알아보는 걸로 하자.

 

슬라이더 UI 링크해서 IBAction 생성

 

스토리보드에 슬라이더를 Control 키를 누른 채로 드래그 앤 드롭하면 위와 같은 이미지가 나온다.

Type을 UISlider로 변경하고 만들어 준다.

여기서 Event를 보면 'Value Changed'라고 이미 되어 있다.

게임 엔진인 유니티와 비슷한데

사용자가 슬라이더를 움직이는 순간 값이 변화하고 그때마다 이벤트로 전달된다는 의미로 보면 된다.

 

값이 변화할 때마다 콘솔창에 값이 출력되게 해 보자.

여기서 값은 소수점 2자리까지 나오도록 해보자.

 

 

코드

@IBAction func heightSliderChanged(_ sender: UISlider) {         //print(round(100 * sender.value) / 100)                  print(String(format: "%.2f", sender.value))     }

위에 주석 처리한 방법으로 해도 되긴 하는데 아래 방법으로 썼다.

이렇게 하고 실제 구현되는 영상을 보자.

 

 

슬라이더 테스트 영상

슬라이더(Slider) 테스트 영상

 

 

참고

안젤라유 강의: https://www.udemy.com/course/ios-13-app-development-bootcamp/

iOS & Swift - The Complete iOS App Development Bootcamp