공유 요소 전환

Question

의 내가 다음 문서에서 설명하는 예를 들어 같은 안드로이드 응용 프로그램을 개발하는 뷰 기반의 접근 방식을 사용하고 있다고 가정 해 봅시다 : 나는 모든이가 이제 http://corner.squareup.com/2014/10/advocating-against-android-fragments.html

을 화면보기. 하나는 볼 수 있으며 이미지 격자가 있습니다. 다른 하나는 숨겨져 있으며 클릭 할 이미지의 상세보기입니다. 그리드의 이미지를 클릭 할 때 전환이 없으면 그리드보기가 숨겨지고 상세보기가 표시됩니다. 이제 격자보기의 작은 이미지와 세부보기의 큰 이미지 사이의 공유 요소 전환과 비슷한 것을 원한다면 어떻게할까요? 이게 가능한가?

Answer 1

예, 전환이 할 수 있습니다.

예제에서 그리드 뷰와 상세 뷰 모두 이미 계층 구조에 있습니다. 전환을 사용하려면 상세 뷰가 뷰 계층에서 시작되지 않는 것이 좋습니다. 두 가지 견해를 교환해야합니다.

두 가지 (비슷한) 방법이 있습니다. 첫 번째는 장면에서 격자보기를 사용하는 것입니다. 그런 다음 TransitionManager.go (detailScene, transition)를 사용하십시오.

두 번째 방법은 TransitionManager.beginDelayedTransition을 사용하고 그리드 레이아웃의 세부 레이아웃을 교체하는 것입니다.

공유보기에는 공통점이 있어야합니다. 일반적으로 View ID 또는 transitionName입니다. 이 링크는 뷰가 다른 인스턴스 임에도 불구하고 전환 시스템에 알려줍니다.

사용하려는 전환은 @android : 전환/이동입니다. ChangBounds, ChangeTransform, ChangeImageTransform 및 ChangeClipBounds를 결합합니다. 공유 요소 뷰에서이를 대상으로해야합니다. 보기를 시작하거나 종료 할 때 다른 전환 (Fade?)이 필요해 보입니다. 이 같은

뭔가 :

TransitionSet shared = ... 
shared.addTarget("sharedName"); 
gridElement.setTransitionName("sharedName"); 
Fade fade = new Fade(); 
fade.excludeTarget("sharedName", true); 
TransitionSet set = new TransitionSet(); 
set.addTransition(shared) 
    .addTransition(fade); 
TransitionManager.go(detailScene, set);