오늘은 Interaction 패널을 전격 해부(?) 해보도록 하겠습니다.
Interaction 패널은 오브젝트의 비주얼 트리와 스토리보드의 타임라인을 보여주는 패널로써 우리가 아주
많이 다루게 될 패널입니다.
블렌드를 실행하면 위와 같은 인터렉션 패널에서 각각의 구성요소에 대해서 알아보죠.
작업이 된 프로젝트 파일에는 아래와 같이 비주얼 트리가 나타납니다.
1. 오브젝트의 스콥을 보여줍니다. 실버라이트의 Page.xaml 스콥은 UserControl로 되어있습니다.
2. 레이어를 보여주고 가릴 수 있고 잠글 수도 있습니다.
3. 해당 문서 안의 비주얼트리를 보여줍니다.
1. 생성한 스토리보드의 이름이 나타나는 부분입니다.
2. 스토리보드를 관리하는 곳입니다. 드랍다운 목록을 보면 아래와 같이 창이 나타나는데요.
- New : 스토리보드를 새로 생성합니다.
- Duplicate : 스토리보드를 복사합니다.
- Reverse : 스토리보드를 역방향으로 전환합니다.
- Delete : 스토리보드를 삭제합니다.
- Rename : 스토리보드의 이름을 변경합니다.
- Close : 스토리보드를 종료합니다.
"+" 부분을 클릭하면 다음과 같이 스토리보드를 생성하는 대화상자가 나타납니다.
스토리보드를 생성하면 다음과 같이 스토리보드 이름이 표시되고 타임라인이 나타납니다.
그럼 타임라인 부분을 좀 더 자세히 살펴보자구요~! F6 키를 누르면 애니메이션을 작업하기에 더 좋게끔
패널들이 배치됩니다.
1. 키 프레임을 삽입할 수 있습니다.
2. 프레임이 실행되는 시간이 나타납니다. 직접 입력할 수 있고, 입력하는 시간으로 타임라인이 이동합니다.
3. 왼쪽 부분은 타임라인의 스냅핑을 선택/해제 할수 있는 기능입니다. 타임라인의 스냅핑을 활성화 할 경우,
오브젝트가 스냅라인에 따라 붙는것과 같이 설정한 시간 단위로 플레이헤드가 움직입니다. 비활성화 할 경우,
스냅핑이 없이 미세하게 플레이헤드가 움직입니다. 오른쪽 아이콘을 누르면 다음과 같은 창이 뜨면서 스냅
단위를 설정할 수 있습니다.
4. 타임라인을 재생하거나 되돌리는 컨트롤입니다.
5. 타임라인을 확대/축소하여 볼 수 있습니다.
6. 애니메이션의 포인트를 가리키는 플레이헤드 입니다. 드래그로 조절할 수 있으며 키프레임을 삽입할 때
이 플레이헤드를 원하는 타임 포인트에 놓아야 합니다.
이해가 잘 되셨는지 모르겠네요. 오늘 강좌는 여기서 마치도록 하겠습니다.
Blend ver.1 ~ ver.3/Silverlight 기초2008/05/25 23:01
