[iOS]<BearPlay> DetailView Slider 구현

DetailView 시작 상태

제목의 경우, UILabel의 NumberOfLines를 0으로, LineBreak를 WordWrap으로 주어 길이가 길 경우 줄 수를 늘려 전부 표시하도록 설정해주었다.
여기서 height가 늘어나기 때문에 앨범이미지의 상단, 그리고 재생 버튼의 하단의 경우 AutoLayout을 작거나 같게로 수정하였다.
현재 durationLabel의 text는 곡 전체 길이로 설정되어있다.

sliderValueChanged

slider의 현재 값에 따라 durationLabel값에 현재 어느 구간에 있는지 표시해주도록 코드를 작성하였다.

formatter TimeInterval extension으로 이동

formatter을 자주 사용하는 것 같아 따로 extension에 정의해주었다.
또한, 1분대 이하면 1~59 이런식으로 표시되는 현상이 있어 이 부분 또한 수정해주었다.

Slider thumb 설정

Thumb(동그라미 모양의 슬라이더 커서)는 보이지 않길 원해서 투명한 색으로 바꾸었더니, 0값에 있을 때에도 슬라이더가 살짝 채워져있는 것이 마음에 들지 않았다.
혹시나 해서 thumbImg를 따로 1x1 사이즈로 넣어 적용해보았으나 thumb 선택이 안돼서(너무작아서 안됨) 따로 추가를 해야할 듯 했다..

thumbImg asset 추가

12x12의 반투명한 thumbImg를 추가해주었다.

setThumbImg

normal 일때와 highlighted 상태일 때 모두 바꾸어주어야 항상 설정된 thumbImg로 표시된다.

결과