COOV iOS앱과 같은 슬라이드 카드 뷰를 구현하고자 합니다.

1 답변 글타래를 보이고 있습니다
  • 글쓴이
    • cryingdev
      참가자
      • 글작성 : 1
      • 답글작성 : 0
      1,040 포인트

      KakaoTalk_Photo_2021-12-13-10-01-18

       

      안녕하세요. 백신접종 증명 앱 COOV를 사용하다보니 재밌는 동작이 있어서 관련 동작을 아시는 분이 있을까 여쭙니다.

      가운데 카드뷰 영역이 슬라이드 가능하며 스택구조로 쌓여있는데요.

      좌우 슬라이드에 따라서 이전뷰를 가져오거나 현재뷰를 넘기는 동작을 합니다. 애니메이션 동작시 뷰들은 약간씩 transparent 적용되구요.

      커스텀하게 구현한것인지 기존 ios 제공되는 라이브러리를 사용한것인지…

      navigation controller에서 view present modal을 꼭 horizontal 하게 구현해놓은것 같은데 그건 vertical만 제공하는것 같아서요

      이와같은 동작 구현을 위해 필요한 정보나 힌트같은게 있다면 알려주시면 감사하겠습니다.

       

    • pinkjuice66
      참가자
      • 글작성 : 0
      • 답글작성 : 3
      1,360 포인트

      저도 이전에 질문자분께서 질문한 UI와 비슷한 형태의 UI를 구현해보려고 시도해본적이 있는데요, 먼저 UIPageController가 동작적인 부분에 있어서는 가장 일치 했었지만, COOV 앱에서 보여주는 것 처럼 

      각각의 카드들이 슬라이드 가능한 형태로 나타낼 수는 없었던 것 같습니다.(앱에서 처럼 카드들이 여러개 표시되는게 아니라, 하나씩만 표시되게 할려면 UIPageController로 구현하시면 됩니다.)

      다른 방법으로는 UIScollView를 사용하는 것이었는데요, UIScrollView에는 ‘pagingEnabled’ 이라는 프로퍼티가 있어서 페이징 또한 다룰 수 있게 되어있어서 질문자분께서 구현하시고 싶은 UI에 알맞을 것 같다는 생각이 드네요.

      좀 더 자세한 구현 방법을 원하시면 인터넷에서 Carousel View에 관한 tutorial을 찾아보시는 것도 도움이 될 것 같습니다.

       

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

logo landscape small

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