Control Shape Appearance with Stereotype

1. Download the project Simple-Shape-Generator.vpp attached to this tutorial.
2. Start VP-UML in a new workspace.
3. Open Simple-Shape-Generator.vpp and class diagram Simple Shape Generator. You can see the class diagram below.
   
4. We want to model the fact that class Shape is an API class. We can do this by defining and applying an API stereotype. Select Tools > Configure Stereotypes... from the main menu.
   
5. In the Configure Stereotypes dialog box, expand the tree node Class, and select Class. Click Add... at the bottom.
   
6. In the stereotype specification, enter API as name.
7. Here you can see three options in the specification dialog box. They are Fill, Line and Font. By setting them, you can make classes that extend the API stereotype share the formatting properties defined. Let's try Fill first. Check Use for Fill. Click on the ... button. Select gray as color.
   
8. Similar, check Use for Line and edit its properties. Select a style of dotted line, set 3 as weight, blue as color.
   
9. Finally, check Use for Font and edit its properties. Select a font you like (Comic Sans MS is used in this tutorial), set bold, and select 14 as font size, which makes the text bigger than default.
   
10. Click OK to confirm the changes in Stereotype Specification. Click OK in Configure Stereotype dialog box to close it.
11. Now, we need to make the class Shape extend the API stereotype. Right click on the class Shape and select Stereotypes > API from the popup menu.
    
12. The appearance of class is updated to follow that defined for the stereotype API.
    

Resources

1. Simple-Shape-Generator.vpp