カスタム複合デザイナー - Workflow Items Presenter

System.Activities.Presentation.WorkflowItemsPresenter は、格納されている要素のコレクションを編集できる、WF デザイナー プログラミング モデル内の主要な型です。 このサンプルでは、このような編集可能なコレクションを表示するアクティビティ デザイナーの構築方法を示します。

WorkflowItemsPresenter サンプルでは次を示します。

• System.Activities.Presentation.WorkflowItemsPresenter を使用したカスタム アクティビティ デザイナーの作成

• "折りたたまれた" ビューと "展開された" ビューを使用したアクティビティ デザイナーの作成

• 再ホストされたアプリケーションでの既定のデザイナーのオーバーライド

サンプルをセットアップ、ビルド、実行する

1. Visual Studio で C# または Visual Basic 用の UsingWorkflowItemsPresenter サンプル ソリューションを開きます。

2. ソリューションをビルドして実行します。

   再ホストされたワークフロー デザイナー アプリケーションが開き、アクティビティをキャンバスにドラッグできます。

サンプルの詳細

このサンプルのコードには、次の内容が表示されます。

• デザイナーをビルドするアクティビティは Parallel です

• System.Activities.Presentation.WorkflowItemsPresenter を使用してカスタム アクティビティ デザイナーを作成します。 次の点に注意してください。

  • ModelItem.Branches にバインドする WPF のデータ バインディングの使用に注意してください。 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 メソッドで parallel をオーバーライドします。

    次に、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
• ワークフロー デザイナーを使用したアプリケーションの開発