Icons und Bilder zur Aktivität

Im WMS besitzt jede Aktivität zwei Icons. Eines in der Aktivitätenliste und eines im Designer selbst.

Icon in der Aktivitätenliste

Das Icon für die Aktivitätenliste legen Sie in der  Aktivitäten-Klasse fest. Verwenden Sie dazu das Attribut ToolboxBitmapAttribute, um eine Bild-Datei (z.B. png oder bmp) zu verknüpfen.

Wichtig ist, dass Sie für die Bilddatei, die Sie für die Aktivität verwenden die BuildAction auf "EmbeddedResource" festlegen.

Beispiel

Die Aktivität des folgenden Beispiels verwendet eine png-Datei als Icon. Im selben Ordner liegt die leere Klasse EmbeddedImageType. Diese dient nur zur Referenzierung des Bildes und muss im selben Ordner wie das Bild liegen. Alternativ können Sie die Bilddatei auch in den Ordner Ihrer Aktivität legen und die Aktivitätsklasse als Referenz verwenden.

ToolboxBitmapAttribute
[ToolboxBitmap(typeof(EmbeddedImageType), "logo16x16.png")] public class DemoCodeActivity : WmsCodeActivity

Transparenz

Die Workflow Engine verwendet intern zur Anzeige der Icons in der Übersicht Bitmaps. Zur Darstellung von Transparenz wird die Farbe aus der linken unteren Koordindate verwendet (0, Height-1). 

Verwenden Sie eine png-Datei mit transparenten Farben, werden diese auch in der Übersicht transparent angezeigt. 





Aktivitätenliste



Eigenschaft der Bilddatei im Visual Studio (für Aktivitätenliste)



Icon im Designer

Das für den Designer legen Sie in der Designer-Klasse bzw. im Xaml fest. Die Icon-Eigenschaft ist vom Typ DrawingBrush, d.h. Sie können Bilddateien oder auch eine vektorbasierte Zeichnung verwenden. 

Wichtig ist, dass Sie für die Bilddatei, die Sie für den Designer verwenden die BuildAction auf "Resource" festlegen.

Das im Designer festgelegte Icon wird auch in der Baumübersicht des Workflow Designers verwendet. 

Bilddatei im Designer festlegen
<sap:ActivityDesigner.Icon> <DrawingBrush> <DrawingBrush.Drawing> <ImageDrawing> <ImageDrawing.Rect> <Rect Location="0,0" Size="16,16" ></Rect> </ImageDrawing.Rect> <ImageDrawing.ImageSource> <BitmapImage UriSource="../../../Images/logo16x16-designer.png"/> </ImageDrawing.ImageSource> </ImageDrawing> </DrawingBrush.Drawing> </DrawingBrush> </sap:ActivityDesigner.Icon>



DrawingBrush
<DrawingBrush> <DrawingBrush.Drawing> <DrawingGroup> <DrawingGroup.Children> <GeometryDrawing Brush="#FFF6F6F6" Geometry="F1M8,14C4.691,14 2,11.309 2,8 2,4.691 4.691,2 8,2 11.309,2 14,4.691 14,8 14,11.309 11.309,14 8,14" /> <GeometryDrawing Brush="#FF329932" Geometry="F1M6,11.4678L6,4.4778 11.031,8.0178z M8,2.9998C5.239,2.9998 3,5.2388 3,7.9998 3,10.7618 5.239,12.9998 8,12.9998 10.762,12.9998 13,10.7618 13,7.9998 13,5.2388 10.762,2.9998 8,2.9998" /> <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1M6,4.478L11.031,8.018 6,11.468z" /> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush>

Quellen