Versionen im Vergleich

Version Alte Version 7 Neue Version Aktuell
Änderungen wurden vorgenommen von

Michael Schwab

Former user

Gespeichert am

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

Der Activity-Designer sollte auf die darunterliegende Aktivität abgestimmt sein.

Folgende Dinge sind wichtig: 

  • Der Workflow-Designer sollte In-Argumente eingeben können, ohne dabei auf das Eigenschaften-Fenster zurückgreifen zu müssen.
  • Alle für die Aktivität nötigen Argumente sollten im Designer eingegeben werden können.
  • Die Reihenfolge der Argumente sollte deutlich sein : In-Argumente => In/Out-Argumente => Out-Argumente
  • Labels und Beschreibungen der Argumente sollten lokalisiert verfügbar sein (Deutsch/Englisch).
  • Für komplexe Eingaben (z.B. Datei-Pfad) sollten Hilfen wie z.B. der Datei-Explorer verwendet werden.
  • Der Inhalt des Controls sollte einklappbar sein (Content-Presenter).
Codeblock
languagexml
titleBeispiel eines Designers
collapsetrue
<sap:ActivityDesigner x:Class="WmsDeveloperActivities.Designer.GetCurrentWeather.V01.GetCurrentWeatherDesigner" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml

Der ActivityDesigner sollte auf die darunterliegende Aktivität abgestimmt sein. Fügen Sie Ihren Projekt eine "Activity Designer"-Datei hinzu. Es handelt sich dabei um ein WPF-Control mit ein paar Besonderheiten:

  • Auf die Aktivität greifen Sie über das ModelItem-Property zu.

  • Das ExpressionTextBox-Control ermöglicht die Eingabe von VB-Ausdrücken für In/Out-Argumente

  • Aktivitäten werden über das DesignerAttribute mit dem Designer verknüpft.

Folgende Dinge sind zu beachten: 

  • Der Anwender sollte alle Argumente eingeben können, ohne dabei auf das Eigenschaften-Fenster zurückgreifen zu müssen.

  • Die Reihenfolge der Argumente sollte deutlich sein : InArgumente => In/Out-Argumente => OutArgumente

  • Labels und Beschreibungen der Argumente sollten lokalisiert verfügbar sein (Deutsch/Englisch).

  • Der Inhalt des Controls sollte einklappbar sein (Content-Presenter).

Hinweis für VB:

  • Namespaces werden in VB bei XAML Dateien nicht unterstützt, es wird für die Versionierung daher empfohlen die Version in den Namen einzubinden.

Image Added
ActivityDesigner in VisualStudio anlegen

Beispiel für einen ActivityDesigner C#
Codeblock
languagexml
<sap:ActivityDesigner x:Class="Designer.HelloWorld.V01.HelloWorldDesigner"
             xmlns
:mc
="http://schemas.
openxmlformats
microsoft.
org
com/
markup-compatibility
winfx/2006/xaml/presentation"

             xmlns:
d
x="http://schemas.microsoft.com/
expression
winfx/
blend
2006/
2008
xaml"

             xmlns:
local
mc="
clr-namespace:WmsDeveloperActivities.Designer.GetCurrentWeather.V01"
http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:
sap
d="http://schemas.microsoft.com/
netfx
expression/
2009/xaml/activities/presentation
blend/2008" 
             xmlns:
res
local="clr-namespace:
WmsDeveloperActivities
Designer.HelloWorld.
Properties
V01"
             xmlns:
converters
sap="
clr-namespace:System.Activities.Presentation.Converters;assembly=System.Activities.Presentation
http://schemas.microsoft.com/netfx/2009/xaml/activities/presentation"
             xmlns:
system
converters="clr-namespace:System.Activities.Presentation.Converters;assembly=
mscorlib
System.Activities.Presentation"
             xmlns:
getCurrentWeather
system="clr-namespace:
WmsDeveloperActivities.GetCurrentWeather
System;assembly=mscorlib"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <sap:ActivityDesigner.Resources>
        <ResourceDictionary>
            <converters:ArgumentToExpressionConverter x:Key="ArgumentToExpressionConverter" />

            <DataTemplate x:Key="CollapsedTemplate">
                <Label Padding="0" Foreground="#FF6D6D6D" FontStyle="Italic"
                   HorizontalAlignment="Center" VerticalAlignment="Center"
                   Content="{x:Static res:Resources.CollapsedToolTip}"/>
            </DataTemplate>

            <DataTemplate x:Key="ExpandTemplate" DataType="{x:Type local:
GetCurrentWeatherDesigner
HelloWorldDesigner}">
                <Grid>

                    <Grid.
RowDefinitions>
ColumnDefinitions>
                        <ColumnDefinition
<RowDefinition></RowDefinition>
Width="Auto"/>
                        <ColumnDefinition
<RowDefinition></RowDefinition>
Width="*"/>
                    
</Grid.ColumnDefinitions>
<RowDefinition></RowDefinition>
                   <!-- InArgumente und Eigenschaften ... -->
<RowDefinition></RowDefinition>

                    <!-- Text -->
<RowDefinition></RowDefinition>
                   <TextBlock Grid.Row="0" Grid.Column="0" Margin="0 10 0
<RowDefinition></RowDefinition> 
0" Text="Text" ToolTip="Geben sie einen Text ein"/>
                    <sap:ExpressionTextBox Margin="4"
</
Grid.
RowDefinitions> 
Row="0" Grid.Column="1" OwnerActivity="{Binding ModelItem}"
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
ExpressionType="system:String"
                                           PathToArgument="Text"
                                           Expression="{Binding ModelItem.Text, Mode=TwoWay, Converter={StaticResource ArgumentToExpressionConverter}, ConverterParameter=In}"/>

                    <!-- OutArgumente und Eigenschaften ... -->
                </Grid>
            </DataTemplate>

            <!-- Mechanismus, um die Aktivität auf und zuzuklappen-->
            <Style x:Key="ExpandOrCollapsedStyle" TargetType="{x:Type ContentPresenter}">
                <Setter Property="ContentTemplate" Value="{StaticResource CollapsedTemplate}"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=ShowExpanded}" Value="true">
                        <Setter Property="ContentTemplate" Value="{StaticResource ExpandTemplate}"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ResourceDictionary>
    </sap:ActivityDesigner.Resources>

    <ContentPresenter Style="{StaticResource ExpandOrCollapsedStyle}" Content="{Binding}"/>
</sap:ActivityDesigner>


Code Behind C#
Codeblock
languagec#
namespace Designer.HelloWorld.V01
{
    /// <summary>
    /// Interaction logic for HelloWorld.xaml
    /// </summary>
    public partial class HelloWorldDesigner
    {
        public HelloWorldDesigner()
        {
            InitializeComponent();
        }
    }
}


Beispiel für einen ActivityDesigner VB
Codeblock
languagexml
<sap:ActivityDesigner x:Class="HelloWorldDesignerV01"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Designer.HelloWorld.V01"
             xmlns:sap="http://schemas.microsoft.com/netfx/2009/xaml/activities/presentation"
			 xmlns:sapv="clr-namespace:System.Activities.Presentation.View;assembly=System.Activities.Presentation"
             xmlns:converters="clr-namespace:System.Activities.Presentation.Converters;assembly=System.Activities.Presentation"
             xmlns:system="clr-namespace:System;assembly=mscorlib"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800"
			 Loaded="ActivityDesigner_Loaded">
    <sap:ActivityDesigner.Resources>
        <ResourceDictionary>
            <converters:ArgumentToExpressionConverter x:Key="ArgumentToExpressionConverter" />

            <DataTemplate x:Key="CollapsedTemplate">
                <Label Padding="0" Foreground="#FF6D6D6D" FontStyle="Italic"
                   HorizontalAlignment="Center" VerticalAlignment="Center"
                   Content="Zum Anzeigen doppelklicken."/>
            </DataTemplate>

            <DataTemplate x:Key="ExpandTemplate" DataType="HelloWorldActivity:HelloWorldDesignerV01">
                <Grid>

                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <!-- InArgumente und Eigenschaften ... -->

                    <!-- Text -->
                    <TextBlock Grid.Row="0" Grid.Column="0" Margin="0 10 0 0" Text="Text" ToolTip="Geben sie einen Text ein"/>
                    <sapv:ExpressionTextBox Margin="4" Grid.Row="0" Grid.Column="1" OwnerActivity="{Binding ModelItem}"
                                            ExpressionType="system:String"
                                            PathToArgument="Text"
                                            Expression="{Binding ModelItem.Text, Mode=TwoWay, Converter={StaticResource ArgumentToExpressionConverter}, ConverterParameter=In}"/>

                    <!-- OutArgumente und Eigenschaften ... -->
                </Grid>
            </DataTemplate>

            <!-- Mechanismus, um die Aktivität auf und zuzuklappen-->
            <Style x:Key="ExpandOrCollapsedStyle" TargetType="{x:Type ContentPresenter}">
                <Setter Property="ContentTemplate" Value="{StaticResource CollapsedTemplate}"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=ShowExpanded}" Value="true">
                        <Setter Property="ContentTemplate" Value="{StaticResource ExpandTemplate}"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ResourceDictionary>
    </sap:ActivityDesigner.Resources>

    <ContentPresenter Style="{StaticResource ExpandOrCollapsedStyle}" Content="{Binding}"/>
</sap:ActivityDesigner>


Code Behind VB
Codeblock
languagevb
Imports System.Activities.Presentation

Class HelloWorldDesigner01
    Inherits ActivityDesigner
    Private Sub ActivityDesigner_Loaded(sender As Object, e As RoutedEventArgs)

    End Sub

End Class


Testen des Designers

Den Designer können Sie testen, indem Sie Ihrem Projekt eine Activity-Xaml-Datei hinzufügen. (New Item > Workflow > Activity)

Hier können Sie nach einem Build Ihre Aktivität mit Drag&Drop aus der Toolbar ziehen und Ihren Designer überprüfen. Über das Eigenschaftsfenster von VisualStudio können Sie die Eigenschaften der Aktivität einsehen.

Image Added

Anpassung des Designer an WMS über Resourcen aus der WmsActivityContracts.dll

Mit Hilfe der Klasse "Accantum.Wms.ActivityContracts.Theme.WmsActivityTheme" haben Sie Zugriff auf folgende Styles und Templates, die auch von anderen WMS-Aktivitäten genutzt werden.

Name

Beschreibung

TargetType / DataType

CollapsedTemplate

DataTemplate, für das Aussehen einer Aktivität, wenn sie zusammengeklappt ist.

-

ActivityBodyStyle

Style für Aktivitäten mit Body (wie z.B. If Aktivität) (Rahmen um die Unteraktivitäten)

Border

WorkflowItemPresenterStyle

Style für Aktivitäten mit Body (wie z.B. If Aktivität) (WorkflowItemPresenter für die Unteraktivitäten)

WorkflowItemPresenter

ActivityDesignerStyle

Style für alle WMS-Aktivitäten (WmsCodeActivity, WmsNativeActivity, WmsAsyncCodeActivity). Beinhaltet unter anderem den Style, wenn die Aktivität auskommentiert ist,

ActivityDesigner


ActivityDesigner mit Resourcen aus WmsActivityTheme
Codeblock
languagexml
<sap:ActivityDesigner x:Class="ActivitySample.Activities.DemoNative.DemoNativeDesigner"
<ColumnDefinition Width
xmlns="
*"/> </Grid.ColumnDefinitions>
http://schemas.microsoft.com/winfx/2006/xaml/presentation"
<!-- InArgumente und Eigenschaften ... -->
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
<!-- City / Postal Code --> 
xmlns:sap="clr-namespace:System.Activities.Presentation;assembly=System.Activities.Presentation"
<TextBlock
Grid.Row="0"
Grid.Column="0" Margin="0 10 0 0" Text="{x:Static res:Resources.City}" ToolTip="{x:Static res:Resources.GetCurrentWeather_CityDesc}"/>
 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
<sap
xmlns:
ExpressionTextBox Margin="4" Grid.Row="0" Grid.Column="1" OwnerActivity="{Binding ModelItem}"
d="http://schemas.microsoft.com/expression/blend/2008"
                      xmlns:sa="http://schemas.microsoft.com/netfx/2009/xaml/activities"
ExpressionType
xmlns:demoNative="
system:String"
clr-namespace:ActivitySample.Activities.DemoNative"
                      xmlns:theme="clr-namespace:Accantum.Wms.ActivityContracts.Theme;assembly=WmsActivityContracts"
Expression="{Binding ModelItem.City, Mode=TwoWay, Converter={StaticResource ArgumentToExpressionConverter}, ConverterParameter=In}"/>
mc:Ignorable="d"
<!-- Is Postal Code --> 
 MaxWidth="500" d:DataContext="{d:DesignInstance demoNative:DemoNativeDesigner}"
<TextBlock
Grid.Row="1"
Grid.Column="0"
Margin="0
10
0
0"
Text
Style="{x:Static
res
theme:
Resources.IsPostCode}" ToolTip="{x:Static res:Resources.GetCurrentWeather_IsPostCodeDesc}"/
WmsActivityTheme.ActivityDesignerStyle}">
    <sap:ActivityDesigner.Resources>

        <DataTemplate x:Key="ExpandedTemplate">
<CheckBox
Margin="4"
Grid.Row="1"
Grid.Column="1"
     <Grid>
                <Grid.RowDefinitions>
IsChecked="{Binding
ModelItem.IsPostCode,
Mode=TwoWay}"/>
          <RowDefinition />
<!--
Weather
Api
Setting
Data
-->
     <RowDefinition />
<TextBlock
Grid.Row="2" Grid.Column="0" Margin="0 10 0 0" Text="{x:Static res:Resources.WeatherApiSetting}" ToolTip="{x:Static res:Resources.GetCurrentWeather_WeatherApiSettingDesc}"/>
 </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
<sap:ExpressionTextBox
Margin="4"
Grid.Row="2"
Grid.Column="1"
OwnerActivity="{Binding
ModelItem}"
  <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
ExpressionType="system:String"
   </Grid.ColumnDefinitions>

                <StackPanel Orientation="Horizontal">
Expression="{Binding
ModelItem.WeatherApiSettingData, Mode=TwoWay, Converter={StaticResource ArgumentToExpressionConverter}, ConverterParameter=In}"
 <TextBlock Text="for" VerticalAlignment="Center" />
                    <TextBox
<Separator Grid.Row
Margin="
3
7,0"
Grid.Column
MinWidth="
0
70"
Grid.ColumnSpan
Padding="
2
0"
></Separator>
<!--
Output:
WeatherInfo
-->
     Text="{Binding Path=ModelItem.Body.Argument.Name, Mode=TwoWay}" />
<TextBlock
Grid.Row="4"
Grid.Column="0"
Margin="0
10
0
0"
<TextBlock Text="
{x:Static res:Resources.WeatherInfo}" ToolTip="{x:Static res:Resources.GetCurrentWeather_WeatherInfoDesc}"/>
= 0 to 4" VerticalAlignment="Center" />
                </StackPanel>
<sap:ExpressionTextBox Margin="4" 
     <Border Grid.Column="0" Grid.Row="
4
1" Grid.
Column
ColumnSpan="
1
2"
OwnerActivity
Style="{
Binding ModelItem
x:Static theme:WmsActivityTheme.ActivityBodyStyle}">
                    <sap:WorkflowItemPresenter Style="{x:Static theme:WmsActivityTheme.WorkflowItemPresenterStyle}"
ExpressionType="getCurrentWeather:WmsWeatherInfo"
                            
AllowedItemType="{x:Type sa:Activity}"
UseLocationExpression="True"
Expression
Item="{Binding Path=ModelItem.Body.
WeatherInfo
Handler, Mode=TwoWay
, Converter={StaticResource ArgumentToExpressionConverter}, ConverterParameter=Out}"
}" />
<!-- OutArgumente und Eigenschaften ... --> 
</Border>
            
</Grid>

        </DataTemplate>


        <!-- Mechanismus, um die Aktivität auf und zuzuklappen-->

        <Style x:Key="ExpandOrCollapsedStyle" TargetType="{x:Type ContentPresenter}">

            <Setter Property="ContentTemplate" Value="{
StaticResource 
x:Static theme:WmsActivityTheme.CollapsedTemplate}"/>

            <Style.Triggers>

                <DataTrigger Binding="{Binding Path=ShowExpanded}" Value="true">

                    
<Setter Property="ContentTemplate" Value="{StaticResource
ExpandTemplate
ExpandedTemplate}"/>

                </DataTrigger>

            </Style.Triggers>

        </Style>
    
</
ResourceDictionary> </
sap:ActivityDesigner.Resources>

    <ContentPresenter Style="{StaticResource ExpandOrCollapsedStyle}" Content="{Binding}"/>
</sap:ActivityDesigner>



Image Added

Image Added