Animation 관련된 질문이 있습니다.

4 답변 글타래를 보이고 있습니다
  • 글쓴이
    • lidium
      참가자
      • 글작성 : 9
      • 답글작성 : 8
      770 포인트


      (예시)

      위와 같은 PagerTab을 구현해 보았습니다. (CollectionView로)
      애니메이션 구현에 고난을 겪고 있는데, 바로 PagerTab의 하단의 바를 슬라이딩하는 것처럼 애니메이션 하는 것입니다.
      사실 디자이너는 애니메이션이 필요없다고 하지만, 구현해보고 싶은 개인적인 욕심이 있습니다.

      생각해 본 애니메이션 구현 방법은 다음과 같습니다.
      1.UIView를 CollectionView 안에 추가하고, AutoLayout을 Width로 잡는다.
      2. Left Constraint 값을 받아와서 leftAnchor의 값을 누를때마다 수정해준다

      사실 감이 잘 오지 않습니다! 좋은 방법 있으시면 추천해주시면 감사하겠습니다!
      저도 해결하고 구현하고 나서 해결 포스팅 올리겠습니다.

      • 이 게시글은 lidium에 의해 2 years, 2 months 전에 수정됐습니다.
      • 이 게시글은 lidium에 의해 2 years, 2 months 전에 수정됐습니다.
    • i참
      참가자
      • 글작성 : 1
      • 답글작성 : 10
      1,280 포인트

      XLPagerTabStrip 라이브러리를 참고하시면 좋겠네요(올려주신 예시도 이 라이브러리네요).

      avatar
    • 야곰
      키 마스터
      • 글작성 : 37
      • 답글작성 : 554
      20,170 포인트

      말씀하신 것처럼 바를 하나의 뷰로 만들어두고 내비게이션 바의 bottom과 맞춰주고, 내비게이션 바 안에 넣은 탭 세 개 중 선택된 탭의 width와 leading 등을 맞춰주면 되지 않을까요?

      avatar
    • 뀔뀔(swieeft)
      참가자
      • 글작성 : 3
      • 답글작성 : 4
      3,360 포인트

      제가 했던 방법은 하단 Bar 뷰를 따로 만들어서 오토레이아웃 left, right는 주지 않고,  선택된 탭 버튼 width값과  center x값만 동일하게 적용해주었습니다.

      그렇게 한 후에 다른 탭이 선택이 되면 애니메이션을 이용해서 선택된 버튼의 center x 로 Bar 뷰의 center x를 변경해주면 원하시는 동작을 만드실 수 있습니다.

      avataravatar
      • 야곰
        키 마스터
        • 글작성 : 37
        • 답글작성 : 554
        20,170 포인트

        오호, leading trailing 대신 센터를 맞추면 제약도 더 간결해지겠군요!

    • 김혜지
      참가자
      • 글작성 : 0
      • 답글작성 : 1
      1,090 포인트

      저도 지금 xlpagertabstrip 라이브러리 사용하고 있는데 딱 하나 해결되지 않는 문제 때문에 골머리를 앓고 있습니다..

      3번째(마지막) 탭으로 이동하면 사진처럼 탭이 옆으로 이동하게 되는데 혹시 저만 이런 현상이 발생한건가요..?

      해결방법을 도저히 모르겠네요..

      • 야곰
        키 마스터
        • 글작성 : 37
        • 답글작성 : 554
        20,170 포인트

        아마 요거는 질문을 저 라이브러리 깃헙의 issue에 남겨두는 것이 더 빠를지도 몰라요 ㅎㅎ

4 답변 글타래를 보이고 있습니다
  • 답변은 로그인 후 가능합니다.

logo landscape small

사업자번호 : 260-27-00477
통신판매업 신고번호 : 제 2020-충북청주-0663 호
고객센터 : 카카오톡채널 @yagom