[WF4] Personnaliser son ActivityDesigner

Ajourd'’hui éditer le designer l’ActivityDesigner peut s’avérer peut ludique voici donc quelques bribes de codes qui devraient vous simplifier la vie pour donner un peu plus de vie (couleur) dans vos activités :

Dans un premier temps l’icone de lactivité : pour ceci il faut passer par un DrawingBrush. En soit rien de très compliqué. On prend un image (png, jpeg) que l’on ajoute au projet en s’assurant que sa propriété [Build Action] soit sur [Resource].

Ensuite il faut intégrer le code Xaml suivant ([Resources\] désignant le répertoire où se trouve mon image dans le projet) :

<sap:ActivityDesigner.Icon>
    <DrawingBrush>
        <DrawingBrush.Drawing>
            <ImageDrawing ImageSource="Resources\MonImage.png" Rect="0 0 16 16"/>
        </DrawingBrush.Drawing>
    </DrawingBrush>
</sap:ActivityDesigner.Icon>

Et pour changer le BackGround ?

Pour changer le Background, actuellement la propriété de l’ActivityDesigner n’étant pas prise en compte si on la change il faut passer par un control intermédiaire (par exemple un Border). Et pour que celui-ci prenne bien toute la surface du control il faut lui associer un Margin négatif (-7 correspond parfaitement) et donc nu Padding contraire pour le control contenu :

<sap:ActivityDesigner.Resources>
    <Style TargetType="Border">
        <Setter  Property="Margin" Value="-7"/>
        <Setter Property="Padding" Value="7"/>
        <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush StartPoint="0 0" EndPoint="0 1">
                    <GradientStopCollection>
                        <GradientStop Offset="0" Color="LightBlue" />
                        <GradientStop Offset="1" />
                    </GradientStopCollection>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
</sap:ActivityDesigner.Resources>
<Border>
    <TextBlock Text="Mon activité"/>
</Border>