개체 및 타임라인 패널(XAML)

개체 및 타임라인 패널에서 다음 작업을 수행할 수 있습니다.

  • 아트보드에 있는 모든 개체의 계층 구조를 봅니다.

  • 아트보드에서 개체를 수정하거나 속성 패널에서 개체 속성을 설정할 수 있도록 개체를 선택합니다.

  • 애니메이션 타임라인을 만들고 수정합니다.

  • 컨트롤 및 데이터 템플릿을 만들고 수정합니다.

기록 모드에서 스토리보드를 볼 때 표시되는 개체 및 타임라인 패널

애니메이션 모드의 개체 및 타임라인 패널

B1_1

개체 보기   문서의 계층 구조를 표시합니다. 계층 구조 보기를 사용하여 다양한 세부 수준으로 드릴다운할 수 있습니다. 계층 구조의 개체를 그룹화하여 그룹으로 수정하거나 잠그거나 잠금 해제하거나 숨기거나 표시할 수 있습니다. 잠금 열의 오른쪽에 있는 분할 막대를 원하는 너비로 끌어 개체 보기의 너비를 조정할 수 있습니다.

B1_2

기록 모드 표시기   타임라인에 속성 변경을 기록하고 있는 경우를 나타냅니다.

기록 모드에 있을 때 아트보드 위의 기록 표시줄에도 기록 모드 표시기가 나타납니다.표시기를 사용하여 기록 모드를 설정하거나 해제할 수 있습니다.

B1_3

스토리보드 선택기   선택한 요소 또는 해당 요소의 자식에 사용할 수 있는 모든 스토리보드 목록을 표시합니다.

B1_4

스토리보드 닫기   현재 스토리보드를 닫습니다.

B1_5

스토리보드 드롭다운 메뉴   스토리보드를 만들거나 복제하거나 반전하거나 삭제하거나 이름을 바꾸거나 닫을 수 있는 옵션을 제공합니다.

B1_6

재생 컨트롤   타임라인을 탐색하는 데 사용할 수 있는 컨트롤을 제공합니다. 플레이헤드를 끌어 타임라인을 전체 탐색(또는 스크럽)할 수도 있습니다.

B1_7

범위를 {0}(으)로 되돌립니다.   이전 루트 개체 또는 이전 범위로 개체 보기를 되돌립니다. 상위 범위로 이동은 스타일이나 템플릿을 수정할 때만 가능합니다.

B1_8

키 프레임 기록   현재 시점에서 선택한 개체의 속성에 대한 스냅숏을 기록합니다.

B1_9

맞추기 옵션   타임라인 맞추기와 맞춤 해상도 설정 및 타임라인 맞추기 해제 옵션을 제공합니다.

타임라인 맞추기를 활성화한 경우 다음 및 이전 프레임 단추는 맞추기 옵션 대화 상자의 맞춤 해상도 설정을 따릅니다. 맞춤 해상도를 통해 키 프레임을 설정할 수 있는 타임라인 내 위치도 결정됩니다.

97fa60b9-0caf-4387-9225-b57510d32209

표시/숨기기, 잠금/잠금 해제   개체 보기의 표시 및 잠금 옵션을 제공합니다.

B1_11

타임라인의 플레이헤드 위치   현재 시간을 밀리초(hh:mm:xxx) 단위로 보여 줍니다. 이 필드에 직접 시간 값을 입력하여 특정 시점으로 이동할 수도 있습니다. 맞추기 옵션에서 설정한 맞춤 해상도에 따라 정밀도가 달라집니다.

B1_12

플레이헤드   선택한 애니메이션에 대한 현재 시점을 나타냅니다. 타임라인에서 플레이헤드를 끌어 애니메이션을 미리 볼 수 있습니다. 이러한 기술을 스크럽이라고 합니다.

B1_13

타임라인의 키 프레임 설정   특정 시점에서의 속성 값 변경을 지정합니다. 키 프레임에는 다양한 수준이 있습니다. Angle 요소에 설정된 키 프레임은 단순 키 프레임이고, RenderTransform 요소에 설정된 키 프레임은 복합형 키 프레임이며, DetailsPane 개체에 설정된 키 프레임은 개체 수준 키 프레임입니다.

d839d12c-07a1-4127-a830-4a8e7069f4fe

개체의 순서 변경   개체의 표시 순서를 설정합니다. 구조 보기에서 Z 순서(앞에서 뒤로) 또는 태그 순서(XAML 보기에 나타나는 순서)로 개체를 정렬하는 데 사용할 수 있습니다.

B1_15

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

설명선 16

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

참고 항목

개념

Blend 응용 프로그램 작업 영역(XAML)

디자인 화면(XAML)

자산 패널(XAML)

장치 패널(XAML)

프로젝트 패널(XAML)

속성 패널(XAML)

결과 패널(XAML)

상태 패널(XAML)

도구 패널(XAML)