다음을 통해 공유

사용자 지정 복합 디자이너 - 워크플로 항목 발표자

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

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

샘플 설정, 빌드 및 실행

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

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

    다시 호스트된 워크플로 디자이너 애플리케이션이 열리고 작업을 캔버스로 끌 수 있습니다.

샘플 주요 특징

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

  • 디자이너를 위해 설계된 활동: 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>

  • 형식에 대한 DesignerAttributeParallel 연결을 수행한 다음 보고된 특성을 출력합니다.

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

      다음은 코드 예제입니다.

      // 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>

참고하십시오