Model Xtractor - Online Class Diagram Editor
Model Xtractor - Online Class Diagram Editor User Account   
    RSS Posts | Model Xtractor
  • Diagrams
  • Metadata
  • Blog
  • Support
  • Tutorial

Shapes

Leave a Comment » Feb 22, 2010
Bookmark and Share
Categories: Tutorial

Shapes represent comments or metadata objects (products, containers, groups or types). Implemented interfaces may be also represented with a small circle, linked through a connector to the related shape. Another kind of small circle-based shapes is used in instantiators, when public non-static constructors are expanded.

Create Shapes

  1. Drag and drop a product, container, group or type-based node from the Metadata tree in the diagram area.
  2. Drag and drop a navigable item outside its shape area.
  3. Click on the “Diagram It!” button, in a Metadata page from the website.
  4. Drag and drop the “<<Drag to add a node>>” top comment node from the Metadata tab into the diagram area.

Shapes are automatically created in collapsed state and filled with items. Shapes based on the same metadata object can appear only once in a diagram.

Shape Status

  • Collapsed – initial status, no visible items. Can be expanded with click on the top-right corner chevron, which appears when the mouse moves over the shape area.
  • Expanded – with scrollable visible items area.
  • Minimized – with shape icon only. Used by default for arrays, collection types, bypassing objects. Minimize or restore shape status with click on the top-left selector of the selection frame.
  • Dot – small circle, for implementors (implemented interfaces), instantiators (expanded public non-static constructors), annotation comments.

Click for the published entry of the diagram
EditViewPrint

Shape Header Styles

  • Background Color – Gradient color (all gray if Monochrome), depending on the kind of metadata object the shape is based on.
  • Title Text – ” (alias)” suffix, if any, like in “Int32 (int)”.
  • Title Style – Bold for static types. Italic for abstract types or surrogates. Underlined for sealed/final types.
  • Title Color – Green for primitive types. Gray for private, protected or internal types.
  • Border – Round corners for instantiable types. Bold for static types. Dash for abstract types.
  • Icon – Additional info on the kind of metadata object. No indication on type’s visibility (private, protected etc).
  • Stereotype – On top, like <<interface>>, <<enumeration>>, etc.
  • Modifiers – Iteration of keywords below shape’s title, describing the metadata object, like Public Static Abstract…
  • Chevron – Visible in the top-right corner, when mouse moves over the shape, to expand/collapse metadata shapes.

Click for the published entry of the diagram
EditViewPrint

Comment Shapes

Comments are shapes not based on metadata objects. Comment shapes have no header and items.

Click for the published entry of the diagram
EditViewPrint

Leave a Comment

Accepts [code lang=".."] .. [/code], where lang is one of: csharp/vbnet/java/js/c/cpp/xml/sql/as3/php/ruby

E d i t   D i a g r a m s   O n l i n e !
Advertisement
Last Recommended Diagrams
  • WCF Binding
  • Membership (System.Web.Security Namespace)
  • System.ServiceModel.Syndication Namespace
  • System.Configuration: Sections and Groups
  • System.Configuration: Specific Sections
  • mx.utils
  • mx.preloaders
  • mx.controls.menuClasses
  • mx.controls.listClasses
  • mx.controls.dataGridClasses
Last Recommended Diagram
WCF Binding
WCF Binding
© 2010 Model-Xtractor.com - All Rights Reserved.
  • Terms of Use
  • Privacy Policy
  • News
  • About Us
  • Contact Us