본문 바로가기
iOS/기초

[iOS] Cosmos를 이용한 앱 별점 구현

by jedchoi 2022. 3. 22.

별점주기를 쉽게 구현할 수 있도록 해주는 라이브러리가 있다.
Cosmos


1. 설치
나는 주로 Pod을 사용하니까 Podfile을 열고 아래를 입력한다.

pod ‘Cosmos’, ‘-> 23.0’

pod update로 업데이트 해주면 끝.


2. 사용
스토리보드에서 별점을 적용할 View 하나를 추가하고, Class명에 CosmosView. Module에 Cosmos를 입력한다.

이 View를 ViewController에 “starView”라는 이름의 Outlet변수로 등록하고 ViewContoller에 아래 3가지를 구현한다.
- import Cosmos
- starView.rating = 4
- starView.text = “(1.2만명)”

여기까지만 해도 잘 출력되는걸 볼 수있다.


3. 추가설정
starView.setting.updateOnTouch = true
starView.setting.fillMode = .full / .half / .precise
starView.setting.starSize = 40
starView.setting.starMargin = 5
starView.setting.fillColor = UIColor.yellow
starView.setting.empryBorderColor = UIColor.Gray
starView.setting.filledBorderColor = UIColor.yellow

뭐 이런 것들이 있다. 이름만 봐도 대충 느낌오는 좋은 네이밍.

이미지를 별에 적용하고 싶으면 스토리보드로가서 CosmosView를 선택하고 아이덴티티 인스펙터탭에서 아래 2개를 설정한다.
- Filled Image
- Empty Image