共用方式為


自定義複合設計工具 - 工作流程專案演示者

System.Activities.Presentation.WorkflowItemsPresenter是 WF 設計工具程式設計模型中的索引鍵類型,允許編輯包含專案集合。 此範例示範如何建置可呈現這類可編輯集合的活動設計工具。

WorkflowItemsPresenter 範例示範:

設定、建置和執行範例

  1. 在 Visual Studio 中開啟 C# 或 Visual Basic 的 UsingWorkflowItemsPresenter.sln 範例解決方案。

  2. 建置並執行方案。

    重新載入的工作流程設計工具應用程式隨即開啟,您可以將活動拖曳到畫布上。

範例醒目提示

此範例的程式代碼顯示下列內容:

  • 設計工具為下列專案所建置的活動: Parallel

  • 使用 System.Activities.Presentation.WorkflowItemsPresenter建立自定義活動設計工具。 一些要指出的事項:

    • 請注意使用 WPF 資料繫結至 ModelItem.BranchesModelItem 是上的 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>
    

另請參閱