안드로이드 액티비티 전환시 이미지 뷰 애니메이션

이번 비디오에서는 액티비티 내의 이미지 뷰를 다음 액티비티로 자연스럽게 넘기는 방법을 설명합니다 우선 아무것도 없는 빈 액티비티를 사용하여 프로젝트를 생성하였습니다

미리 준비한 이미지 세장을 프로젝트의 drawable 폴더에 넣고요, 보시다시피 이미지 세장이 잘 들어가 있습니다 세장의 이미지를 리니어 레이아웃을 사용하여 메인 액티비티에 표시하겠습니다 세장의 사진이 잘 표시되는지 프리뷰 기능을 사용하여 체크하고요, 가운데로 정렬을 하겠습니다 자, 이제 세장의 이미지가 잘 표시되었으니, 각 이미지를 클릭했을 때 호출할 리스너를 걸도록 하겠습니다 이미지가 클릭되면 해당 이미지의 아이디를 사용하여 해당 이미지의 리소스 아이디를 가져옵니다

이미지 리소스 아이디가 구해지면 이것을 사용하여 다음 액티비티의 이미지 뷰에 표시하도록 하겠습니다 이미지를 표시할 포토 액티비티를 시작하기 전에 얻어 온 리소스 아이디를 인텐트에 넣어 전달해서 포토 액티비티가 사용하도록 합니다 포토 액티비티를 만들고 메인에서 클릭한 이미지가 표시될 이미지 뷰를 상단에 만듭니다 리소스 아이디를 만들고 포토 액티비티의 이미지 뷰의 소스로 지정을 합니다 잘 동작하는지 봅시다

세장의 이미지 중에 하나를 클릭하면 다음 포토 액티비티 상단에 클릭한 이미지가 표시됩니다 잘 동작하는군요 이제 클릭한 이미지가 부드럽게 넘어 가도록 하겠습니다 제일 먼저 옮겨 가게 될 목표 이미지 뷰에 트랜지션 이름을 지정해야 합니다 여기서는 "photo_transition"이라고 하겠습니다

두번째로 액티비티 옵션을 만들어서 메인 액티비티의 트랜지션이 시작되는 이미지뷰와 포토 액티비티의 종료되는 이미지 뷰를 지정합니다 이렇게 시작 이미지 뷰와 종료되는 이미지 뷰의 트랜지션 이름을 지정하면 두 이미지가 부드럽게 전환됩니다 마지막으로 만들어진 액티비티 옵션을 인텐트에 번들로 넣어 주고 포토 액티비티를 시작합니다 잘 되는지 살펴 봅시다 보시다시피 세장의 이미지 중 하나를 클릭하면 다음 포토 액티비티로 자연스럽게 전환되는 것을 볼 수 있습니다