대화 형 전환 중에 UICollectionViewCell의 내용을 변경하십시오.

대화 형 전환을 사용 중입니다. 매우 기본적인 구현은 here입니다.대화 형 전환 중에 UICollectionViewCell의 내용을 변경하십시오.

이제는 전환하는 세포가 붙어 있습니다.

아이디어는 대화식 레이아웃 전환과 동시에 셀의 내용을 변경하는 것입니다.

다음은 현재의 모습입니다.

첫 번째 레이아웃

enter image description here

그리고 두 번째 레이아웃 전환이 완료

enter image description here

, 나는 두 번째 레이아웃 셀의 내용을 변경하고 싶습니다. 1) 텍스트 레이블 "모든 레이블"이 모든 셀에서 없어야합니다. 2) 텍스트 레이블 "다른 레이블"이 각 셀의 오른쪽 구석에 나타납니다.

중요한 문제이 전환은 전환하는 동안 UICollectionViewTransitionLayout.transitionProgress 값에 따라 페이드 인/아웃을 변경하고 싶습니다.

Facebook 종이 앱과 매우 유사한 기능이 구현되었습니다. 아래에서 셀 내용이 어떻게 변하는 지 살펴보십시오 (클릭하십시오).

enter image description here

는 사람이 효과를 복제하는 우아한 방법을 알고 있습니까?

출처

2014-11-25 Alexey

는 FB에서 대중 음악 라이브러리를 살펴 :-)

이 완료, https://code.facebook.com/posts/234067533455773/introducing-pop-the-animation-engine-behind-paper/ – Vig

@ Vig는 도움이 안된다 :-( – Alexey

나는 당신이 시도 할 때까지 기다릴 것이지만, 즉시 뭔가를 원한다면 나는 대답에서 업데이트 한 라이브러리를 사용한다. – Vig

이 library은 사용자가 원하는 것을 달성하는 데 도움이됩니다. 맞춤 애니메이션에 관심이 있으시면 사용 하시길 바랍니다. FB pop library

출처

2014-11-25 14:41:16 Vig

도서관은 내가하는 중요한 행동을하지 않는다. UIImageView * backgroundView = [[UIImageView alloc] initWithImage : [UIImage imageNamed : @ "2"]]; cell.backgroundView = backgroundView; – Alexey

음. 해결 방법은 UICollectionViewCell을 하위 클래스로 만드는 것입니다. 서브 클래스는 두 개의 UIView을 포함해야합니다. 하나는 큰 레이아웃 & 하나는 작습니다. 처음에는 UICollectionViewCell이 작은 것을 보여줍니다.

가 0 이미지의 작은 UIView
설정 알파 위의 이미지를 넣어 큰 UIView
에서 UIImage합니다 우리는 우리가 다음 단계를 수행해야 큰 작은에서 예를 들어 UICollectionViewTransitionLayout.transitionProgress을 업데이트하기 시작하면
계속적으로 알파를 변경하십시오 UICollectionViewTransitionLayout.transitionProgress 값
전환이 완료되면 UIView

전환 할 때 작게 전환해야합니다.

출처

2014-11-25 16:02:02 Alexey

안녕 Alexey. 당신과 같은 일을하려고합니다 .UIColl을 서브 클래 싱하는 코드를 공유 할 수 있습니까? 두 UIView ectionView? 감사. –

대화 형 전환 중에 UICollectionViewCell의 내용을 변경하십시오.

답변

관련 문제