ZIndex를 이용한 유연한 애니메이션 만들기

안녕하세요. 반짝 반짝 빛나는 성남미입니다.

레이어는 차곡차곡 쌓음을 의미합니다.
Expressin Blend를 이용해 레이어에서는 맨 아래에 있지만
상황에 따라 가장 상위로 올 수 있도록 할 수 있습니다!


 

다음 사진을 보면 레이어에서 4번이 가장 앞에 있고 1번이 가장 뒤에 있습니다.
처음에는 맨 앞에 있던 4번이 시간이 지나고 다음 3번이 가장 맨 앞으로 오게 하려면 어떻게 해야 할까요?

Expressin Blend에서 PathListBox의 Zindex를 이용하면 됩니다!

 

  

다음과 같이 각각의 PathListBox는 ZIndex를 가짐을 확인할 수 있습니다. 
스토리보드를 만들 때 그대로 키 값으로 지정이 가능하기 때문에
일정 시간이 지났을 때 ZIdex의 값이 높아져 레이어에 상관없이 상황에 따라 가장 맨 앞에 올 수 있게 할 수 있습니다.

 

샘플로 예시를 간단하게 만들어 보았습니다!

다음과 같은 상황에 쓰면 유용할 것 같습니다 :)