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

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

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

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

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

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

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

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

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

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

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

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

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

      Cc294508.alert_tip(ko-kr,Expression.10).gif팁:

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

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

    [!참고]

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

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

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

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

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

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

Cc294508.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif맨 위로 이동

Expression Blend로 아트워크 가져오기

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

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

    [!참고]

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

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

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

    • XAML Silverlight 캔버스 옵션을 선택한 경우 문서에 추가하여 문서를 응용 프로그램의 시작 페이지로 사용(Expression Blend 2에서 Silverlight 프로젝트의 시작 페이지 변경 참조)하거나 개체를 복사해서 다른 XAML 문서에 붙여 넣을 수 있습니다.

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

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

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

      Cc294508.alert_tip(ko-kr,Expression.10).gif팁:

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

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

Cc294508.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif맨 위로 이동

참조

개념

Expression Encoder 2에서 Silverlight 1.0 사이트 가져오기

Expression Blend에서 Expression Encoder 2용 Silverlight 템플릿 수정