2012-05-07 2 views
0

사용자가 10 가지 이미지 중에서 선택해야하며 이미지를 일종의 애니메이션으로 배치하고 싶습니다. 내가 좋아하는 뭔가를 만드는 방법에 대해 생각했다 : 예제 이미지의 권리와 마지막 이미지쪽으로 스크롤 사용자가 처음에 배치되었다이미지를 선택하여 애니메이션을 만듭니다.

enter image description here

메모를.

또한 스크롤 뷰어 아래에 이미지를 배치하면 애니메이션이 매끄럽지 않기 때문에 애니메이션을 부드럽게 사용하고 싶습니다.

이미지를 스택 패널에 넣은 다음 스택 패널 여백 왼쪽 속성에 애니메이션을 적용해야합니까? 또는 imag를 캔버스에 배치하고 각 이미지를 개별적으로 애니메이션해야합니까?

+2

[Surface SDK LibraryBar] (http://msdn.microsoft.com/en-us/library)와는 별도로 왼쪽 또는 오른쪽 가장자리에 도달 할 때 이미지 순서가 얼마나 복잡할지 모릅니다. /ff727821.aspx)는 매우 부드러운 애니메이션을 제공합니다. – Clemens

답변

0

나는 마진을 애니메이션 한 다음 첫 번째 이미지를 오프 스크린으로 시작하는 "마지막 이미지"로 복제 한 첫 번째 이미지와 복제 한 다음 두 방향으로 애니메이션을 적용 할 수 있습니다. 나는 스크롤 뷰어를 사용하지 않을 것이다.

레이아웃은 다음과 같습니다.

5 1. A.

복사 브러쉬 (5)에 공급하고, B는 이제, 어느 쪽이든 애니메이션을 적용 할 수 있습니다 주변의 이미지를 이동하고 다시 마진을 이동 1.

에 공급된다.

그래서 사용자가 '오른쪽'으로 이동합니다.

5 [12345] 1 는 [51,234] 51

변경 A의 소스 (4)에 소스 B 5를 애니메이션하고 다시 그리는 제어를 해제하기 전에 실제 이미지를 이동한다. 4 [51234] 5

스크롤 막대가 필요하면 별도의 스크롤 막대를 만들어 여백에 바인딩하고 변환기를 추가하여 제어하십시오. 그런 다음 대신 다음을 수행하십시오.

12345 [12345] 12345

스크롤 위치를 애니메이션 한 때 사용자 자료는 이미지 정렬 및 중앙으로 스크롤 엄지를 반환한다. 이렇게하면 사진을 삭제하거나 만들 필요가 없습니다.

힌트 : 스크롤 막대에서 변환기를 사용하고 임의의 변수에 바인드 한 다음 엄지의 위치를 ​​이미지의 스택의 "위치"에 "스냅"하여 간접적으로 패널의 여백에 애니메이션을 적용 할 수 있습니다.

관련 문제