문서를 영문으로 보려면 영문 확인란을 선택하세요. 마우스 포인터를 텍스트 위로 이동시켜 팝업 창에서 영문 텍스트를 표시할 수도 있습니다.
번역
영문

애니메이션 및 미디어 타임라인의 시작 시간 동기화

이 페이지는 WPF 프로젝트에만 적용됨

스토리보드에 미디어(비디오 또는 오디오)와 애니메이션 타임라인이 모두 들어 있으면 로드 시간으로 인해 미디어 타임라인이 지연될 경우 미디어 타임라인 이전에 애니메이션 타임라인이 시작되는 것처럼 보일 수 있습니다. XAML SlipBehavior 특성을 사용하여 모든 타임라인이 동시에 시작하도록 할 수 있습니다.

애니메이션 및 미디어 타임라인의 시작 시간 동기화

  1. Blend for Visual Studio에서 애니메이션을 적용할 개체를 만듭니다. 형식에 관계없이 어떤 (시각적) 개체라도 사용할 수 있으며, Blend의 프로젝트에서 도형 또는 패스 그리기에서 설명하는 절차를 따라도 됩니다.

  2. 스토리보드를 만들어 엽니다. 자세한 절차는 스토리보드 만들기, 수정 또는 삭제를 참조하십시오.

  3. 타임라인 플레이헤드 JJ169933.5626c9eb-40bb-450a-9ca1-3678e5abe429(ko-kr,VS.120).png를 이동한 다음 개체를 수정하여 개체에 애니메이션 효과를 적용합니다. 이제 애니메이션 타임라인이 포함된 스토리보드가 만들어집니다. 이 스토리보드를 열어 둔 상태로 유지합니다.

  4. 아트보드에 오디오 파일 또는 비디오 파일을 삽입합니다. 자세한 절차는 사용 중인 문서에 오디오 또는 비디오 파일 삽입를 참조하십시오. 미디어 파일은 스토리보드의 자체 타임라인에 추가됩니다.

  5. F5 키를 눌러 응용 프로그램을 테스트합니다. 애니메이션 타임라인과 미디어 파일의 시작 시점 사이에 지연이 발생하는 것을 확인할 수 있습니다.

  6. XAML 보기 탭 또는 나누기 보기 탭을 클릭하여 아트보드에 나타나는 내용을 정의하는 XAML을 표시합니다.

    JJ169933.6077fdd4-d9ee-4372-9324-4e417771b3d6(ko-kr,VS.120).png
  7. 스토리보드에 해당하는 XAML 줄을 찾습니다. 포인터를 XAML 파일의 맨 위로 이동한 다음 편집 메뉴의 찾기 명령을 사용하여 "Storyboard"라는 구문을 검색하면 됩니다. 예를 들어 Storyboard1이라는 스토리보드를 찾는 경우 다음과 같은 XAML 줄을 사용할 수 있습니다.

    <Storyboard x:Key="Storyboard1">
    
  8. SlipBehavior 라는 새 특성을 추가하고 Slip이라는 문자열로 설정합니다. 예를 들어 변경한 XAML 코드 줄은 다음과 같습니다.

    <Storyboard SlipBehavior="Slip" x:Key="Storyboard1">
    

    F5 키를 눌러 응용 프로그램을 테스트합니다. 이제 모든 타임라인이 동시에 시작되는 것을 볼 수 있습니다.

표시: