사용자 지정 복합 디자이너 - 워크플로 항목 프리젠터

System.Activities.Presentation.WorkflowItemsPresenter 는 포함된 요소의 컬렉션을 편집할 수 있도록 하는 WF 디자이너 프로그래밍 모델의 키 형식입니다. 이 샘플에서는 이러한 편집 가능한 컬렉션을 표시하는 활동 디자이너를 빌드하는 방법을 보여 줍니다.

WorkflowItemPresenter 샘플은 다음을 보여 줍니다.

• System.Activities.Presentation.WorkflowItemsPresenter를 사용하여 사용자 지정 활동 디자이너 만들기

• “축소된 보기”와 “확장된 보기”를 사용하여 활동 디자이너 만들기

• 다시 호스트된 애플리케이션에서 기본 디자이너 재정의

샘플 설치, 빌드 및 실행

1. Visual Studio에서 C# 또는 Visual Basic용 UsingWorkflowItemsPresenter.sln 샘플 솔루션을 엽니다.

2. 솔루션을 빌드하고 실행합니다.

   다시 호스트된 Workflow Designer 애플리케이션이 열리며 여기에서 활동을 캔버스로 끌어 올 수 있습니다.

샘플의 중요 사항

이 샘플의 코드는 다음 내용을 보여 줍니다.

• 디자이너가 빌드되는 활동: Parallel

• System.Activities.Presentation.WorkflowItemsPresenter를 사용하여 사용자 지정 활동 디자이너를 만드는 방법 고려해야 할 몇 가지 사항은 다음과 같습니다.

  • WPF 데이터 바인딩을 사용하여 ModelItem.Branches에 바인딩합니다. ModelItem은 디자이너가 사용될 기본 개체(이 경우 WorkflowElementDesigner)를 참조하는 Parallel의 속성입니다.

  • WorkflowItemsPresenter.SpacerTemplate을 사용하여 컬렉션의 개별 항목을 시각적으로 표시할 수 있습니다.

  • WorkflowItemsPresenter.ItemsPanel은 컬렉션에 있는 항목의 레이아웃을 결정하는 데 제공할 수 있는 템플릿입니다. 이 경우에는 가로 스택 패널이 사용됩니다.

  다음 코드 예제에서는 이를 보여 줍니다.

  <sad:WorkflowItemsPresenter HintText="Drop Activities Here"
                                Items="{Binding Path=ModelItem.Branches}">
      <sad:WorkflowItemsPresenter.SpacerTemplate>
        <DataTemplate>
          <Ellipse Width="10" Height="10" Fill="Black"/>
        </DataTemplate>
      </sad:WorkflowItemsPresenter.SpacerTemplate>
      <sad:WorkflowItemsPresenter.ItemsPanel>
        <ItemsPanelTemplate>
          <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
      </sad:WorkflowItemsPresenter.ItemsPanel>
    </sad:WorkflowItemsPresenter>
  

• DesignerAttribute 형식에 Parallel를 연결한 다음 보고되는 특성을 출력합니다.

  • 먼저 모든 기본 디자이너를 등록합니다.

    다음은 코드 예제입니다.

    // register metadata
    (new DesignerMetadata()).Register();
    RegisterCustomMetadata();
    

    ' register metadata
    Dim metadata = New DesignerMetadata()
    metadata.Register()
    ' register custom metadata
    RegisterCustomMetadata()
    

  • 그런 다음 RegisterCustomMetadata 메서드에서 병렬을 재정의합니다.

    다음 코드에서는 C# 및 Visual Basic으로 이를 보여 줍니다.

    void RegisterCustomMetadata()
    {
          AttributeTableBuilder builder = new AttributeTableBuilder();
          builder.AddCustomAttributes(typeof(Parallel), new DesignerAttribute(typeof(CustomParallelDesigner)));
          MetadataStore.AddAttributeTable(builder.CreateTable());
    }
    

    Sub RegisterCustomMetadata()
       Dim builder As New AttributeTableBuilder()
       builder.AddCustomAttributes(GetType(Parallel), New DesignerAttribute(GetType(CustomParallelDesigner)))
       MetadataStore.AddAttributeTable(builder.CreateTable())
    End Sub
    

• 마지막으로, 다양한 데이터 템플릿과 트리거를 사용하여 IsRootDesigner 속성을 기반으로 적절한 템플릿을 선택합니다.

  다음은 코드 예제입니다.

  <sad:ActivityDesigner x:Class="Microsoft.Samples.CustomParallelDesigner"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:sad="clr-namespace:System.Activities.Design;assembly=System.Activities.Design"
      xmlns:sadv="clr-namespace:System.Activities.Design.View;assembly=System.Activities.Design">
    <sad:ActivityDesigner.Resources>
      <DataTemplate x:Key="Expanded">
        <StackPanel>
          <TextBlock>This is the Expanded View</TextBlock>
          <sad:WorkflowItemsPresenter HintText="Drop Activities Here"
                                      Items="{Binding Path=ModelItem.Branches}">
            <sad:WorkflowItemsPresenter.SpacerTemplate>
              <DataTemplate>
                <Ellipse Width="10" Height="10" Fill="Black"/>
              </DataTemplate>
            </sad:WorkflowItemsPresenter.SpacerTemplate>
            <sad:WorkflowItemsPresenter.ItemsPanel>
              <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
              </ItemsPanelTemplate>
            </sad:WorkflowItemsPresenter.ItemsPanel>
          </sad:WorkflowItemsPresenter>
        </StackPanel>
      </DataTemplate>
      <DataTemplate x:Key="Collapsed">
        <TextBlock>This is the Collapsed View</TextBlock>
      </DataTemplate>
      <Style x:Key="ExpandOrCollapsedStyle" TargetType="{x:Type ContentPresenter}">
        <Setter Property="ContentTemplate" Value="{DynamicResource Collapsed}"/>
        <Style.Triggers>
          <DataTrigger Binding="{Binding Path=IsRootDesigner}" Value="true">
            <Setter Property="ContentTemplate" Value="{DynamicResource Expanded}"/>
          </DataTrigger>
        </Style.Triggers>
      </Style>
    </sad: ActivityDesigner.Resources>
    <Grid>
      <ContentPresenter Style="{DynamicResource ExpandOrCollapsedStyle}" Content="{Binding}"/>
    </Grid>
  </sad: ActivityDesigner>
  

참고 항목

• WorkflowItemsPresenter
• 워크플로 디자이너로 애플리케이션 개발