인터랙션 패널

  • 아티클

Microsoft Expression Blend 2의 인터랙션 패널에서 다음과 같은 작업을 수행할 수 있습니다.

  • 아트보드에 있는 모든 개체의 계층 구조를 표시합니다. 자세한 내용은 개체 및 속성 개요를 참조하십시오.

  • 개체를 선택하여 수정하거나, 구조에서 이동하거나, 아트보드에서 수정하거나, 속성 패널에서 속성을 설정하는 등의 작업을 수행할 수 있습니다. 자세한 내용은 개체 및 속성 사용, 레이아웃 및 모양을 참조하십시오.

  • 애니메이션 타임라인을 만들고 수정합니다. 자세한 내용은 애니메이션 개요를 참조하십시오.

  • 컨트롤 개체의 템플릿을 만들고 수정합니다. WPF(Windows Presentation Foundation) 및 Silverlight 2 프로젝트만 해당합니다. 자세한 내용은 스타일 및 템플릿 개요를 참조하십시오.

  • 선택한 개체에 대한 트리거를 만들고 수정합니다(WPF 프로젝트만). 자세한 내용은 트리거 개요를 참조하십시오. Silverlight 2 프로젝트에서는 상태라는 유사한 기능이 제공됩니다. 자세한 내용은 다양한 상태의 시스템 컨트롤 모양 수정을 참조하십시오.

Expression Blend 2에서 WPF 프로젝트의 애니메이션 작업 영역(F6 키)을 표시하면 나타나는 인터랙션 패널(FlyIn 타임라인이 선택되어 있는 상태)

Cc295113.c42f7b48-05c4-4aef-84dc-1d5680dcc935(ko-kr,Expression.10).png

트리거

[!참고]

Microsoft Silverlight 1.0 또는 Silverlight 2 프로젝트에서는 트리거 패널을 사용할 수 없습니다. Silverlight 1.0 프로젝트에서는 트리거가 코드 숨김 파일에서 이벤트 처리기를 사용하여 프로그래밍됩니다. 대화형 기능이 있는 Silverlight 1.0 사이트 만들기 빠른 시작에서 예를 참조하십시오. Silverlight 2 프로젝트에서는 상태라는 유사한 기능이 제공됩니다. 자세한 내용은 다양한 상태의 시스템 컨트롤 모양 수정을 참조하십시오.

Cc295113.25182a96-9a69-478a-9cfe-5b360e6a9bea(ko-kr,Expression.10).png

선택한 응용 프로그램 범위와 관련된 트리거 목록(이 경우 주 문서 범위). Window.Loaded 트리거가 선택되어 관련 액션이 아래에 표시됩니다.
Cc295113.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(ko-kr,Expression.10).png

선택한 트리거와 관련된 액션 목록. Window.Loaded 트리거에는 하나의 액션만 있습니다.
Cc295113.f0c1ff71-7814-42ba-806b-7ea92d616e69(ko-kr,Expression.10).png

선택한 트리거에 대한 액션 값

개체 및 타임라인

Cc295113.095c13e8-6ed8-4572-9bd2-b2d6bdfdf199(ko-kr,Expression.10).png

개체 보기   문서의 시각적 트리를 보여 줍니다. 개체 보기의 계층 구조적 특성을 통해 다양한 세부 수준으로 드릴다운할 수 있습니다. 개체 보기에 레이어를 추가하여 아트보드의 개체를 자세히 구성하고 하나의 그룹으로 잠그거나 숨길 수 있습니다. 잠금 열의 왼쪽에 있는 분할줄을 원하는 너비로 끌어 개체 보기의 너비를 조정할 수 있습니다.
Cc295113.e1a62fcf-2f5c-4263-95fe-a9bf97616b85(ko-kr,Expression.10).png

기록 모드 표시기   타임라인에 속성 변경을 기록하고 있는 경우를 나타냅니다.
Cc295113.b36987f6-e914-4b58-99f2-a76c47128837(ko-kr,Expression.10).png

스토리보드 선택기   사용자가 만든 스토리보드의 목록이 표시됩니다.
Cc295113.41999197-e26c-42b9-8039-58ce07f5b5ba(ko-kr,Expression.10).png

스토리보드 옵션   스토리보드가 선택되면 이 팝업 메뉴를 사용하여 스토리보드의 복제, 반전, 삭제, 이름 바꾸기 또는 닫기 작업을 수행할 수 있습니다. 새 스토리보드를 만들 수도 있습니다.
Cc295113.db8728cc-fbcc-4372-8f0b-f7145ad3767c(ko-kr,Expression.10).png

재생 컨트롤   이 컨트롤을 사용하여 스토리보드 재생을 제어하고 타임라인을 탐색할 수 있습니다. 플레이헤드를 끌어 타임라인을 전체 탐색(스크러빙)할 수도 있습니다.
Cc295113.487d0a66-ce14-40c1-84c1-ee1d359def4c(ko-kr,Expression.10).png

상위 범위로 이동   이전 루트 요소나 이전 범위로 개체 보기를 되돌립니다. 이 기능은 컨트롤의 스타일이나 템플릿을 변경할 때와 같이 부모 요소가 있는 개체에만 적용할 수 있습니다.

Cc295113.alert_note(ko-kr,Expression.10).gif참고:
Microsoft Silverlight 1.0 프로젝트에서 작업할 경우에는 스타일 및 템플릿을 사용할 수 없습니다.
Cc295113.fe3cc512-0e9e-4664-b193-e7d140fdc313(ko-kr,Expression.10).png

키 프레임 기록   현재 시점에서 선택한 개체의 속성에 대한 스냅숏을 기록합니다.
Cc295113.ae680f92-111f-4640-9a5d-831fbe5acc05(ko-kr,Expression.10).png

표시/숨기기, 잠금/잠금 해제   개체 보기의 표시 유형 및 잠금 설정입니다.
Cc295113.59e86f57-31a3-49ff-b6bb-4d760c45c7b7(ko-kr,Expression.10).png

타임라인의 플레이헤드 위치   현재 시간을 밀리초(HH:mm:xxx) 단위로 보여 줍니다. 이 필드에 직접 시간 값을 입력하여 특정 시점으로 이동할 수도 있습니다. 맞추기 옵션에서 설정한 맞춤 해상도에 따라 정밀도가 달라집니다.
Cc295113.4698a696-a33a-468e-b464-94d5ca9e1ce7(ko-kr,Expression.10).png

타임라인 맞추기 옵션   타임라인 맞추기를 활성화한 경우 다음 및 이전 프레임 단추에서 맞춤 해상도 대화 상자의 맞춤 해상도 설정을 사용합니다. 맞춤 해상도를 통해 키 프레임을 설정할 수 있는 타임라인 내 위치도 결정됩니다.
Cc295113.9b2585e9-4e66-4690-864e-d8e495776af4(ko-kr,Expression.10).png

플레이헤드   애니메이션이 있는 시점을 나타냅니다. 타임라인에서 플레이헤드를 끌어 애니메이션을 미리 볼 수 있습니다. 이러한 기술을 스크러빙이라고 합니다.
Cc295113.03b78946-b076-4f87-9c62-59a2332f043d(ko-kr,Expression.10).png

타임라인의 키 프레임 설정   키 프레임의 수준은 여러 가지입니다. Angle 요소에 설정된 키 프레임은 단순 키 프레임, RenderTransform 요소에 설정된 키 프레임은 복합형 키 프레임, 그리고 Details 개체에 설정된 키 프레임은 개체 수준 키 프레임입니다. 키 프레임에 대한 자세한 내용은 애니메이션 개요의 "키 프레임"을 참조하십시오.
Cc295113.364455ca-f5a5-4e3d-aa44-29629e21702e(ko-kr,Expression.10).png

개체의 순서 변경   개체의 표시 순서를 설정합니다. 이 단추를 클릭하여 구조 보기에서 Z 순서(앞에서 뒤로)나 태그 순서(XAML 보기에 나타나는 순서)로 요소를 정렬할 수 있습니다.
Cc295113.29a9f99c-5175-4f36-82b1-e81239e44b76(ko-kr,Expression.10).png

타임라인 확대/축소   타임라인의 확대/축소 해상도를 설정합니다. 확대하면 애니메이션을 좀 더 자세하게 편집할 수 있고 축소하면 더 긴 시간 동안 발생하는 동작이 좀 더 간략하게 표시됩니다. 확대했지만 원하는 시점에 키 프레임을 설정할 수 없다면 맞춤 해상도가 충분히 높게 설정되어 있는지 확인하십시오.
Cc295113.a7612d73-aadd-4ec8-8e03-dc15ef59a3e1(ko-kr,Expression.10).png

타임라인 합성 영역   타임라인이 표시됩니다. 직접 끌거나 상황에 맞는 메뉴를 사용하여 키 프레임을 이동할 수 있습니다.