다음을 통해 공유

작업 2: 워크플로 디자이너 호스트

이 항목에서는 WPF(Windows Presentation Foundation) 애플리케이션에서 Windows 워크플로 디자이너의 인스턴스를 호스팅하는 절차를 설명합니다.

이 절차에서는 디자이너가 포함된 Grid 컨트롤을 구성하고, 기본 Sequence 활동이 포함된 WorkflowDesigner 인스턴스를 프로그래밍 방식으로 만들고, 디자이너 메타데이터를 등록하여 모든 기본 제공 활동에 대한 디자이너 지원을 제공하고, WPF 애플리케이션에서 워크플로 디자이너를 호스트합니다.

워크플로 디자이너를 호스트하려면

  1. 작업 1: 새 Windows Presentation Foundation 애플리케이션 만들기에서 만든 HostingApplication 프로젝트를 엽니다.

  2. 워크플로 디자이너를 쉽게 사용할 수 있도록 창의 크기를 조정합니다. 이렇게 하려면 디자이너에서 MainWindow를 선택하고, F4 키를 눌러 속성 창이 표시되면 이 창의 레이아웃 섹션에서 너비 값을 600으로, 높이 값을 350으로 설정합니다.

  3. 디자이너에서 Grid 패널을 선택(MainWindow 안의 상자를 클릭)하고 속성 창의 맨 위에 있는 Name 속성을 “grid1”로 설정하여 표 이름을 설정합니다.

  4. 속성 창에서 ColumnDefinitions 속성 옆의 줄임표(…)를 클릭하여 컬렉션 편집기 대화 상자를 엽니다.

  5. 컬렉션 편집기 대화 상자에서 추가 단추를 세 번 클릭하여 레이아웃에 세 개의 열을 삽입합니다. 첫 번째 열에는 도구 상자가 포함되어 있고 두 번째 열에는 워크플로 디자이너가 호스트되며 세 번째 열은 속성 검사자에 사용됩니다.

  6. 가운데 열의 Width 속성 값을 “4*”로 설정합니다.

  7. 확인을 클릭하여 변경 내용을 저장합니다. 다음 XAML이 MainWindow.xaml 파일에 추가됩니다.

    <Grid Name="grid1">
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition Width="4*" />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
</Grid>

  8. 솔루션 탐색기에서 MainWindow.xaml을 마우스 오른쪽 단추로 클릭하고 코드 보기를 선택합니다. 다음 단계에 따라 코드를 수정합니다.

    1. 다음 네임스페이스를 추가합니다.

      using System.Activities;
using System.Activities.Core.Presentation;
using System.Activities.Presentation;
using System.Activities.Presentation.Metadata;
using System.Activities.Presentation.Toolbox;
using System.Activities.Statements;
using System.ComponentModel;

    2. WorkflowDesigner의 인스턴스를 보관할 전용 멤버 필드를 선언하려면 MainWindow에 다음 코드를 추가합니다.

      public partial class MainWindow : Window
{
    private WorkflowDesigner wd;

    public MainWindow()
    {
        InitializeComponent();
    }
}

    3. MainWindow 클래스에 다음 AddDesigner 메서드를 추가합니다. 이 구현에서는 WorkflowDesigner의 인스턴스를 만들고 여기에 Sequence 활동을 추가한 다음, grid1 Grid의 가운데 열에 배치합니다.

      private void AddDesigner()
{
    // Create an instance of WorkflowDesigner class.
    this.wd = new WorkflowDesigner();

    // Place the designer canvas in the middle column of the grid.
    Grid.SetColumn(this.wd.View, 1);

    // Load a new Sequence as default.
    this.wd.Load(new Sequence());

    // Add the designer canvas to the grid.
    grid1.Children.Add(this.wd.View);
}

    4. 디자이너 메타데이터를 등록하여 모든 기본 제공 활동에 대한 디자이너 지원을 추가합니다. 그러면 도구 상자의 활동을 워크플로 디자이너의 원래 Sequence 활동으로 끌어 놓을 수 있습니다. 이렇게 하려면 RegisterMetadata 메서드를 MainWindow 클래스에 추가합니다.

      private void RegisterMetadata()
{
    var dm = new DesignerMetadata();
    dm.Register();
}

      활동 디자이너 등록에 대한 자세한 내용은 방법: 사용자 지정 활동 디자이너 만들기를 참조하세요.

    5. MainWindow 클래스 생성자에서 앞에서 선언한 메서드에 호출을 추가하여 디자이너 지원을 위한 메타데이터를 등록하고 WorkflowDesigner를 만듭니다.

      public MainWindow()
{
    InitializeComponent();

    // Register the metadata.
    RegisterMetadata();

    // Add the WFF Designer.
    AddDesigner();
}

      참고

      RegisterMetadata 메서드는 Sequence 활동을 포함한 기본 제공 활동의 디자이너 메타데이터를 등록합니다. AddDesigner 메서드는 Sequence 활동을 사용하기 때문에 RegisterMetadata 메서드를 먼저 호출해야 합니다.

  9. F5 키를 눌러 솔루션을 빌드하고 실행합니다.

  10. 작업 3: 도구 상자 및 PropertyGrid 창 만들기를 참조하여 다시 호스트된 워크플로 디자이너에 도구 상자 및 PropertyGrid 지원을 추가하는 방법을 알아봅니다.

참고 항목