Gluing It All Together

Published Aug 26 2018 03:11 AM 61 Views
Frequent Visitor

First published on MSDN on Jun, 02 2006

This is the third topic in a series discussing the essential features that make up the Visio application.

 

 

 

 

Essential Feature:  Connectors

 

 

The fundamental drawing type in Visio is the flowchart - a collection of boxes connected together by lines.  When Visio was first introduced, drawing programs mostly worked with geometric primitives.  Boxes and connectors were just sets of lines, with no intelligent behavior.  If you wanted to move a box to a new location, you also had to redraw the connecting line to make it reach the box again.

 

 

 

 

 

To avoid the tediousness of fixing up drawings, Visio introduced a pair of diagramming innovations: connectors and glue.  A connector is a one-dimensional shape consisting of line segments.  Each endpoint is attached to a two-dimensional shape (the box) using glue.  When the box is moved to a new location, the connector stays attached and stretches as needed to maintain the connectivity between boxes.  Visio chooses the route the connector will take between its endpoints.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Connectors have intelligent routing behavior.  They will avoid other shapes on the page where possible.  They will even show line jumps (or line breaks) where they cross over each other.  When you do choose to override Visio, you can easily control the connector path using green handles found on the shape.

 

 

 

 

 

The default connector in Visio is the Dynamic Connector, which is the shape created by the Connector Tool.  However, any 1-D shape can be used as a connector.  You can turn an ordinary line into a connector by changing the ObjType cell in the Shapesheet from 0 to 2.  You can also make your own connector master shape.  If you name your master "Dynamic Connector", Visio will use it when you draw with the Connector Tool.

 

 

 

 

 

There are some other interesting behaviors when using the Connector Tool in conjunction with masters in the Shapes window.  Try this:  Select an existing shape on the page.  Then switch to the Connector Tool and drag a master shape out onto the page.  Not only is the shape added, a connector is created and glued between the existing shape and the new shape.  You can also make Visio use a different connector shape with the Connector Tool.  Switch to the Connector Tool, then select a 1-D master in the Shapes window.  Now draw a connector on the page.  Visio uses the selected master instead of the Dynamic Connector.

 

 

 

 

 

The Dynamic Connector is itself a master.  It's built into Visio.  The first time you draw with the Connector Tool, Visio looks for a master named "Dynamic Connector" in the Document Stencil.  If no master is found, Visio puts a copy of its built-in Dynamic Connector master in the Document Stencil (File > Shapes > Show Document Stencil).  You can edit this master to change the appearance of all connectors in the diagram.

 

 

 

 

 

There's a lot more that can be said about connectors and also glue, but those are the basics.  Connectors streamline the diagramming process by maintaining their connections with shapes and managing their routing automatically.

 

 

 

%3CLINGO-SUB%20id%3D%22lingo-sub-237246%22%20slang%3D%22en-US%22%3EGluing%20It%20All%20Together%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-237246%22%20slang%3D%22en-US%22%3E%0A%20%26lt%3Bmeta%20http-equiv%3D%22Content-Type%22%20content%3D%22text%2Fhtml%3B%20charset%3DUTF-8%22%20%2F%26gt%3B%3CSTRONG%3E%20First%20published%20on%20MSDN%20on%20Jun%2C%2002%202006%20%3C%2FSTRONG%3E%20%3CBR%20%2F%3E%3CP%3EThis%20is%20the%20third%20topic%20in%20a%20series%20discussing%20the%20essential%20features%20that%20make%20up%20the%20Visio%20application.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3CB%3E%20Essential%20Feature%3A%26nbsp%3B%20Connectors%20%3C%2FB%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3EThe%20fundamental%20drawing%20type%20in%20Visio%20is%20the%20flowchart%20-%20a%20collection%20of%20boxes%20connected%20together%20by%20lines.%26nbsp%3B%20When%20Visio%20was%20first%20introduced%2C%20drawing%20programs%20mostly%20worked%20with%20geometric%20primitives.%26nbsp%3B%20Boxes%20and%20connectors%20were%20just%20sets%20of%20lines%2C%20with%20no%20intelligent%20behavior.%26nbsp%3B%20If%20you%20wanted%20to%20move%20a%20box%20to%20a%20new%20location%2C%20you%20also%20had%20to%20redraw%20the%20connecting%20line%20to%20make%20it%20reach%20the%20box%20again.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3ETo%20avoid%20the%20tediousness%20of%20fixing%20up%20drawings%2C%20Visio%20introduced%20a%20pair%20of%20diagramming%20innovations%3A%20connectors%20and%20glue.%26nbsp%3B%20A%20connector%20is%20a%20one-dimensional%20shape%20consisting%20of%20line%20segments.%26nbsp%3B%20Each%20endpoint%20is%20attached%20to%20a%20two-dimensional%20shape%20(the%20box)%20using%20glue.%26nbsp%3B%20When%20the%20box%20is%20moved%20to%20a%20new%20location%2C%20the%20connector%20stays%20attached%20and%20stretches%20as%20needed%20to%20maintain%20the%20connectivity%20between%20boxes.%26nbsp%3B%20Visio%20chooses%20the%20route%20the%20connector%20will%20take%20between%20its%20endpoints.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3EConnectors%20have%20intelligent%20routing%20behavior.%26nbsp%3B%20They%20will%20avoid%20other%20shapes%20on%20the%20page%20where%20possible.%26nbsp%3B%20They%20will%20even%20show%20line%20jumps%20(or%20line%20breaks)%20where%20they%20cross%20over%20each%20other.%26nbsp%3B%20When%20you%20do%20choose%20to%20override%20Visio%2C%20you%20can%20easily%20control%20the%20connector%20path%20using%20green%20handles%20found%20on%20the%20shape.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3EThe%20default%20connector%20in%20Visio%20is%20the%20Dynamic%20Connector%2C%20which%20is%20the%20shape%20created%20by%20the%20Connector%20Tool.%26nbsp%3B%20However%2C%20any%201-D%20shape%20can%20be%20used%20as%20a%20connector.%26nbsp%3B%20You%20can%20turn%20an%20ordinary%20line%20into%20a%20connector%20by%20changing%20the%20ObjType%20cell%20in%20the%20Shapesheet%20from%200%20to%202.%26nbsp%3B%20You%20can%20also%20make%20your%20own%20connector%20master%20shape.%26nbsp%3B%20If%20you%20name%20your%20master%20%22Dynamic%20Connector%22%2C%20Visio%20will%20use%20it%20when%20you%20draw%20with%20the%20Connector%20Tool.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3EThere%20are%20some%20other%20interesting%20behaviors%20when%20using%20the%20Connector%20Tool%20in%20conjunction%20with%20masters%20in%20the%20Shapes%20window.%26nbsp%3B%20Try%20this%3A%26nbsp%3B%20Select%20an%20existing%20shape%20on%20the%20page.%26nbsp%3B%20Then%20switch%20to%20the%20Connector%20Tool%20and%20drag%20a%20master%20shape%20out%20onto%20the%20page.%26nbsp%3B%20Not%20only%20is%20the%20shape%20added%2C%20a%20connector%20is%20created%20and%20glued%20between%20the%20existing%20shape%20and%20the%20new%20shape.%26nbsp%3B%20You%20can%20also%20make%20Visio%20use%20a%20different%20connector%20shape%20with%20the%20Connector%20Tool.%26nbsp%3B%20Switch%20to%20the%20Connector%20Tool%2C%20then%20select%20a%201-D%20master%20in%20the%20Shapes%20window.%26nbsp%3B%20Now%20draw%20a%20connector%20on%20the%20page.%26nbsp%3B%20Visio%20uses%20the%20selected%20master%20instead%20of%20the%20Dynamic%20Connector.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3EThe%20Dynamic%20Connector%20is%20itself%20a%20master.%26nbsp%3B%20It's%20built%20into%20Visio.%26nbsp%3B%20The%20first%20time%20you%20draw%20with%20the%20Connector%20Tool%2C%20Visio%20looks%20for%20a%20master%20named%20%22Dynamic%20Connector%22%20in%20the%20Document%20Stencil.%26nbsp%3B%20If%20no%20master%20is%20found%2C%20Visio%20puts%20a%20copy%20of%20its%20built-in%20Dynamic%20Connector%20master%20in%20the%20Document%20Stencil%20(File%20%26gt%3B%20Shapes%20%26gt%3B%20Show%20Document%20Stencil).%26nbsp%3B%20You%20can%20edit%20this%20master%20to%20change%20the%20appearance%20of%20all%20connectors%20in%20the%20diagram.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3EThere's%20a%20lot%20more%20that%20can%20be%20said%20about%20connectors%20and%20also%20glue%2C%20but%20those%20are%20the%20basics.%26nbsp%3B%20Connectors%20streamline%20the%20diagramming%20process%20by%20maintaining%20their%20connections%20with%20shapes%20and%20managing%20their%20routing%20automatically.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%0A%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-237246%22%20slang%3D%22en-US%22%3EFirst%20published%20on%20MSDN%20on%20Jun%2C%2002%202006%20This%20is%20the%20third%20topic%20in%20a%20series%20discussing%20the%20essential%20features%20that%20make%20up%20the%20Visio%20application.%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-237246%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Eall%20posts%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Egeneral%20usage%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Co-Authors
Version history
Last update:
‎Nov 08 2021 04:30 PM
Updated by: