별점 슬라이더 만들기.

안녕하세요 밀쿄 입니다.

오늘은 별점 슬라이더를 만들어볼껀데요.

막상 별점 슬라이더라고 했지만 막상 별점 슬라이더가 뭐지 하실텐데..

저도 이름 붙이기 힘들어서 그렇게 지은겁니다.

별점 슬라이더는 영화나 그런거 평점 매길 떄 좌우로 움직이는 별점 그거를 말한겁니다.

그럼 시작하겠습니다.

 

일단 먼저 별점을 구현해봅시다.

전 스택뷰를 쓸껀데 구현은 자유 입니다.

이제 그 위에 슬라이더를 올려주고 밑에는 라벨을 추가해줍시다.

이제부터 핵심입니다.

imageView 5개는 tag를 1번부터 5번까지 설정하고(이 tag번호는 마음대로 하셔도 됩니다.)

Label은 IBOutlet을, Slider는 IBAction을 연결합시다.

그 뒤 IBAction에 다음과 같은 코드를 넣어줍니다.

전 정수만 존재하고 5점 만점이라 가정해서 코드를 이렇게 작성했습니다.

round는 소수점 아래를 반올림해주는데 해보시면 아시겠지만 반올림하는게 슬라이드 때 제일 자연스럽습니다. 

마지막으로 스토리보드로 돌아가서 Slider의 속성을 다음과 같이 바꿔줍니다.

이제 실행해봅시다.

완성 입니다.

 

소스코드는 여기 있습니다.

https://github.com/dp221125/Swift_Example_StarPoint