- This topic has 6개 답변, 5명 참여, and was last updated 4 years, 4 months 전에 by
.
-
글
-
-
(예시)위와 같은 PagerTab을 구현해 보았습니다. (CollectionView로)
애니메이션 구현에 고난을 겪고 있는데, 바로 PagerTab의 하단의 바를 슬라이딩하는 것처럼 애니메이션 하는 것입니다.
사실 디자이너는 애니메이션이 필요없다고 하지만, 구현해보고 싶은 개인적인 욕심이 있습니다.생각해 본 애니메이션 구현 방법은 다음과 같습니다.
1.UIView를 CollectionView 안에 추가하고, AutoLayout을 Width로 잡는다.
2. Left Constraint 값을 받아와서 leftAnchor의 값을 누를때마다 수정해준다사실 감이 잘 오지 않습니다! 좋은 방법 있으시면 추천해주시면 감사하겠습니다!
저도 해결하고 구현하고 나서 해결 포스팅 올리겠습니다. -
XLPagerTabStrip 라이브러리를 참고하시면 좋겠네요(올려주신 예시도 이 라이브러리네요).
-
말씀하신 것처럼 바를 하나의 뷰로 만들어두고 내비게이션 바의 bottom과 맞춰주고, 내비게이션 바 안에 넣은 탭 세 개 중 선택된 탭의 width와 leading 등을 맞춰주면 되지 않을까요?
-
제가 했던 방법은 하단 Bar 뷰를 따로 만들어서 오토레이아웃 left, right는 주지 않고, 선택된 탭 버튼 width값과 center x값만 동일하게 적용해주었습니다.
그렇게 한 후에 다른 탭이 선택이 되면 애니메이션을 이용해서 선택된 버튼의 center x 로 Bar 뷰의 center x를 변경해주면 원하시는 동작을 만드실 수 있습니다.
-
오호, leading trailing 대신 센터를 맞추면 제약도 더 간결해지겠군요!
-
-
저도 지금 xlpagertabstrip 라이브러리 사용하고 있는데 딱 하나 해결되지 않는 문제 때문에 골머리를 앓고 있습니다..
3번째(마지막) 탭으로 이동하면 사진처럼 탭이 옆으로 이동하게 되는데 혹시 저만 이런 현상이 발생한건가요..?
해결방법을 도저히 모르겠네요..
-
아마 요거는 질문을 저 라이브러리 깃헙의 issue에 남겨두는 것이 더 빠를지도 몰라요 ㅎㅎ
-
-
- 답변은 로그인 후 가능합니다.
