Duolingo 앱처럼 가로로 안드로이드 슬라이딩 아이템

나는 놀고 있었는데, 수평 리슨리스트가있는 Duolingo Activity와 같은 슬라이딩 기능을 구현하려고했습니다. 이 기능의 화면 캡쳐에 대한 링크 LINK. Screenshot Duolingo 앱처럼 가로로 안드로이드 슬라이딩 아이템

수평 슬라이더를 사용하면 슬라이딩 효과가 없습니다. 그런 UX 슬라이딩 위젯을 구현하는 적절한 방법은 무엇일까요?

전환 효과를 추가하여 기본 ListView를 유혹 할 수 있습니까? 아니면 CardView로 할 수 있습니까? 처럼 일부 외부 라이브러리에서 제공합니까?

출처

2015-01-19 RenatoIvancic

사용 고전 ViewPager이 PageTransformer을 호출기 적용 다음 내용을 표시하고 :

는

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { 
      mPager.setPageTransformer(false, new ViewPager.PageTransformer() { 
       @Override 
       public void transformPage(View page, float position) { 
        final float normalizedposition = Math.abs(Math.abs(position) - 1); 
        page.setScaleX(normalizedposition/2 + 0.5f); 
        page.setScaleY(normalizedposition/2 + 0.5f); 
       } 
      }); 
     }

출처

2015-01-19 13:21:02

나는 대답 할거야. 그것은 분명히 커스텀'PageTransformer'를 가진 ViewPager입니다. 또한 호출기 어댑터에서'getPageWidth'를 오버라이드하고'0.8f'와 같은 것을 반환하는 것을 잊지 마십시오. – Budius

MiroM 제가 찾고있는 것과 매우 흡사합니다. 그리고 getPageWidth를 오버라이드 (override)하는 Budius 스케일링도 괜찮지 만, 이제는 내 조각들이 중심에 있지 않습니다. ViewPager를 슬라이드 할 때마다 프래그먼트가 화면의 왼쪽 여백에 달라 붙습니다. 마지막 조각은 크기가 조절됩니다. – RenatoIvancic

좋아요, 그래서 커스텀'PageTransformer'를 사용했지만,'getPageWidth'를 오버라이드하지 않았습니다. 센터링에 문제가 있었고 마지막 조각이 올바르게 응답하지 않았습니다. 대신 레이아웃 파일과 사용 된'android : clipToPadding'에 ViewPager에 패딩을 추가했습니다. 솔루션의 다른 부분은 [link] (http://blog.neteril.org/blog/2013/10/14/android-tip-viewpager-with-protruding-children/)에서 가져 왔습니다. – RenatoIvancic

이것은 당신의 게시물에 대한 정확한 요구 사항입니다. 이 URL https://github.com/davidschreiber/FancyCoverFlow을 자세히 읽어보십시오. zip을 다운로드하고 샘플을 실행하십시오. 즐겨!! 그것도 쉽게 사용자 정의 할 수 있습니다 ...

출처

2015-01-19 13:41:57 Chandru

Duolingo 앱처럼 가로로 안드로이드 슬라이딩 아이템

답변

관련 문제