Expression Design에서 내보낸 XAML 가져오기

  • 아티클

Microsoft Expression Design 아트워크를 Microsoft Expression Blend에서 사용할 수 있는 XAML 파일로 저장할 수 있습니다. 이 기능은 애니메이션에서 아트워크를 사용하거나 배경 이미지와 같은 UI(사용자 인터페이스) 요소로 아트워크를 변환하려는 경우 등의 작업에 유용합니다.

Expression Design에서 아트워크 내보내기

  1. Expression Design에서 아트워크 파일을 엽니다. 도움말 메뉴에서 Expression Design 예제를 열 수 있습니다.

  2. 조각을 내보내려면 도구 패널에서 조각 도구를 선택하고 내보낼 아트워크 영역 주위로 사각형을 그린 다음 속성 패널의 조각 편집 아래에서 조각 속성(예: 이름)을 설정합니다. 조각에 대한 자세한 내용은 Expression Design 사용자 가이드(F1)에서 "조각 만들기 및 내보내기" 항목을 참조하십시오.

  3. 파일 메뉴에서 내보내기를 클릭합니다. 내보내기 대화 상자가 나타납니다.

  4. 내보낼 항목에서 다음 중 하나를 선택합니다.

    • 전체 문서   문서의 아트워크를 모두 내보냅니다.

    • 선택한 개체   아트보드에서 선택한 항목만 내보냅니다.

    • 조각   만든 조각만 내보냅니다. 표시되는 각 조각의 속성을 변경할 수도 있습니다(선택 사항).

  5. 형식 옆에서 다음 옵션 중 하나를 선택합니다.

    • XAML Silverlight 캔버스   캔버스 레이아웃 패널에 개체로 나타나는 모든 아트워크를 포함한 하나의 XAML 파일을 내보냅니다. 이 XAML 파일을 Expression Blend의 Microsoft Silverlight 프로젝트로 가져와 독립 실행형 문서(시작 XAML 파일 또는 프로그래밍 방식으로 로드되는 XAML 파일)로 사용하거나 개체를 복사해서 다른 XAML 문서에 붙여 넣을 수 있습니다.

    • XAML WPF 드로잉 브러시   드로잉 브러시 리소스로 나타나는 모든 아트워크가 포함된 리소스 사전을 내보냅니다. 이 XAML 파일을 Expression Blend의 Windows Presentation Foundation (WPF) 프로젝트로 가져온 다음 프로젝트에 포함된 개체의 브러시 속성에 해당 리소스를 적용할 수 있습니다.

      tip note팁:

      드로잉 브러시 리소스의 이름은 내보낸 파일을 사용하게 될 Expression Blend 프로젝트의 다른 리소스 이름과 구분되도록 고유한 이름으로 선택해야 합니다.

    • XAML WPF 캔버스   캔버스 레이아웃 패널에 개체로 나타나는 모든 아트워크를 포함한 하나의 XAML 파일을 내보냅니다. 이 XAML 파일을 Expression Blend의 WPF 프로젝트로 가져와 독립 실행형 문서(시작 XAML 파일 또는 프로그래밍 방식으로 로드되는 XAML 파일)로 사용하거나 개체를 복사해서 다른 XAML 문서에 붙여 넣을 수 있습니다. 이 파일을 Expression Blend의 디자인 보기에서 열고 개체(한 개 또는 여러 개)를 마우스 오른쪽 단추로 클릭한 다음 도구 메뉴에서 옵션을 선택하여 해당 개체로 단추나 사용자 정의 컨트롤을 만들 수도 있습니다.

    [!참고]

    조각을 내보내려면 뷰어에서 각 조각을 선택하여 해당 조각의 내보내기 속성을 설정해야 합니다. 이때 조각마다 형식을 다르게 선택할 수 있으며 조각은 각각 별도의 파일로 내보내집니다.

  6. Expression Blend로 가져온 후 Text 개체를 편집 가능하게 만드는 등, 필요한 기타 속성을 설정합니다. 이 대화 상자의 속성에 대한 자세한 내용은 Microsoft Expression Design 사용자 가이드에서 "XAML" 항목을 참조하십시오.

  7. 대화 상자의 아래쪽에 있는 위치 옆에 파일을 내보낼 폴더의 경로를 입력합니다. 다음 옵션도 설정합니다.

    • 전체 문서 또는 선택한 개체를 내보내는 경우 파일 이름도 입력합니다.

    • 조각을 내보내는 경우에는 모든 개체를 포함할 레이아웃 패널을 선택할 수 있습니다(선택 사항).

  8. 모두 내보내기를 클릭하여 파일(한 개 또는 여러 개)을 내보냅니다.

Expression Blend로 아트워크 가져오기

  1. Expression Blend에서 프로젝트를 열고 프로젝트 메뉴의 기존 항목 추가를 클릭합니다.

  2. 기존 항목 추가 대화 상자에서 내보낸 XAML 파일(한 개 또는 여러 개)을 찾아 선택한 다음 열기를 클릭합니다.

    [!참고]

    내보낸 XAML Silverlight 캔버스만 Silverlight 프로젝트로 가져올 수 있습니다.

    프로젝트 패널에 파일이 추가됩니다. XAML WPF 드로잉 브러시로 내보낸 아트워크가 있으면 리소스 패널에도 해당 아트워크가 표시됩니다.

  3. 다음 작업 중 하나를 수행하여 가져온 자산을 아트보드에 추가합니다.

    • XAML Silverlight 캔버스 옵션을 선택한 경우 문서에 추가하거나 개체를 복사해서 다른 XAML 문서에 붙여 넣을 수 있습니다.

    • XAML WPF 드로잉 브러시 옵션을 선택한 경우 프로젝트에 포함된 개체의 브러시 속성에 리소스를 적용합니다. 예를 들어 DrawingBrush 리소스를 TextBlock 개체 위로 끌어 Background 속성으로 설정할 수 있습니다.

      Cc294508.496874e2-379b-428a-a9bb-7264dc496036(ko-kr,Expression.40).png

      리소스를 적용하는 방법에 대한 자세한 내용은 리소스 적용 또는 제거를 참조하십시오.

      tip note팁:

      가져온 드로잉 브러시 리소스의 이름은 Expression Blend 프로젝트의 다른 리소스 이름과 구분되도록 고유한 이름으로 지정해야 합니다. 리소스 개체 이름은 리소스 패널에서 해당 이름을 마우스 오른쪽 단추로 클릭한 다음 이름 바꾸기를 선택하여 바꿀 수 있습니다.

    • XAML WPF 캔버스 옵션을 선택한 경우 문서에 추가하여 문서를 응용 프로그램의 시작 페이지로 사용(프로젝트의 시작 문서 설정 참조)하거나 개체를 복사해서 다른 XAML 문서에 붙여 넣을 수 있습니다. 이 파일을 Expression Blend의 디자인 보기에서 열고 개체(한 개 또는 여러 개)를 마우스 오른쪽 단추로 클릭한 다음 단추(기존 개체에서 컨트롤 만들기 참조) 또는 사용자 정의 컨트롤(기존 개체에서 사용자 정의 컨트롤 만들기 참조)을 만들 수도 있습니다.

Copyright ⓒ 2011 by Microsoft Corporation. All rights reserved.