다음을 통해 공유


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

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>
    

참고 항목