Udostępnij za pośrednictwem

Projektanci niestandardowych elementów złożonych — prezenter elementu przepływu pracy

  • Artykuł

Jest System.Activities.Presentation.WorkflowItemsPresenter to kluczowy typ w modelu programowania projektanta WF, który umożliwia edycję kolekcji zawartych elementów. W tym przykładzie pokazano, jak utworzyć projektanta działań, który przedstawia taką kolekcję edytowalną.

Przykład WorkflowItemsPresenter pokazuje:

  • Tworzenie niestandardowego projektanta działań za pomocą elementu System.Activities.Presentation.WorkflowItemsPresenter.

  • Tworzenie projektanta działań z widokiem "zwiniętym" i "rozwiniętym".

  • Przesłanianie domyślnego projektanta w ponownie hostowanej aplikacji.

Konfigurowanie, kompilowanie i uruchamianie przykładu

  1. Otwórz przykładowe rozwiązanie UsingWorkflowItemsPresenter.sln dla języka C# lub Visual Basic w programie Visual Studio.

  2. Skompiluj i uruchom rozwiązanie.

    Zostanie otwarta ponownie hostowana aplikacja projektanta przepływu pracy i możesz przeciągnąć działania na kanwę.

Przykładowe wyróżnienia

Kod dla tego przykładu przedstawia następujące elementy:

  • Działanie tworzone przez projektanta: Parallel

  • Tworzenie niestandardowego projektanta działań z elementem System.Activities.Presentation.WorkflowItemsPresenter. Kilka rzeczy, które należy zwrócić uwagę:

    • Zwróć uwagę na użycie powiązania danych WPF w celu powiązania z elementem ModelItem.Branches. ModelItem jest właściwością WorkflowElementDesigner , która odwołuje się do bazowego obiektu, dla którego jest używany projektant, w tym przypadku nasz Parallel.

    • Element WorkflowItemsPresenter.SpacerTemplate może służyć do umieszczania wizualizacji w celu wyświetlenia między poszczególnymi elementami w kolekcji.

    • WorkflowItemsPresenter.ItemsPanel to szablon, który można podać w celu określenia układu elementów w kolekcji. W tym przypadku jest używany poziomy panel stosu.

    Poniższy przykładowy kod pokazuje ten kod.

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

  • Wykonaj skojarzenie elementu z DesignerAttribute typem Parallel , a następnie wyprowadź zgłoszone atrybuty.

    • Najpierw zarejestruj wszystkich domyślnych projektantów.

      Poniżej przedstawiono przykład kodu.

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

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

    • Następnie zastąpij równoległe w RegisterCustomMetadata metodzie .

      Poniższy kod pokazuje to w językach C# i 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

  • Na koniec zwróć uwagę na użycie różnych szablonów danych i wyzwalaczy, aby wybrać odpowiedni szablon na IsRootDesigner podstawie właściwości.

    Poniżej przedstawiono przykład kodu.

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

Zobacz też