Building the SpringGraph Flex Component<br />Albert Guo<br />junyuo@gmail.com<br />
Pre-requisites<br />What is SpringGraph Flex Component?<br />Where to download SpringGraph?<br />How to configure SpringGr...
Eclipse (Java EE)<br />http://www.eclipse.org/downloads/<br />Flex Builder 3.1 Plug-in for Eclipse<br />http://www.adobe.c...
SpringGraph is a Adobe Flex 2.0 component that displays a set of items that are linked to each other. The component calcul...
Please go to here, http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1048510,  to download<br />...
How to configure SpringGraph?<br />6<br />
7<br />How to configure SpringGraph?<br />Unzip springgraph.zip<br />
8<br />How to configure SpringGraph? – cont.<br />Click Flex Build Path<br />Go to Flex Project&apos;s properties page in ...
9<br />How to configure SpringGraph? – cont.<br />Go to  Library Path path and click Add SWC <br />
10<br />How to configure SpringGraph? – cont.<br />Click Browse button, and navigate to <br />springgraph/SpringGraph_2006...
11<br />How to configure SpringGraph? – cont.<br />Click OK Button<br />
SpringGraphVerification<br />12<br />
13<br />SpringGraph Verification<br />Create a MXML application<br />
14<br />SpringGraph Verification – cont.<br />Give it name, called SpringGraphTest<br />Click Finish<br />
15<br />SpringGraph Verification – cont.<br />Add this namespace in &lt;mx:Application&gt; tag<br />
16<br />SpringGraph Verification – cont.<br />If you can see SpringGraph tag in your editor, <br />it means you had build ...
Write a simple example<br />17<br />
18<br />Write a simple example<br />Add this namespace in &lt;mx:Application&gt; tag<br />Call onLoad() function to load i...
19<br />Write a simple example – cont.<br />prepare initial data<br />set up link between two nodes<br />
20<br />Write a simple example – cont.<br />Configure SpringGraph-related parameters in &lt;fc:SpringGraph&gt; tag,<br />a...
21<br />Write a simple example – cont.<br />
SpringGraph Document<br />http://mark-shepherd.com/SpringGraph/docs/springgraph-asdoc/index.html<br />SpringGraph Flex Com...
Upcoming SlideShare
Loading in …5
×

Building The SpringGraph Flex Component

6,395 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,395
On SlideShare
0
From Embeds
0
Number of Embeds
405
Actions
Shares
0
Downloads
61
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Building The SpringGraph Flex Component

  1. 1. Building the SpringGraph Flex Component<br />Albert Guo<br />junyuo@gmail.com<br />
  2. 2. Pre-requisites<br />What is SpringGraph Flex Component?<br />Where to download SpringGraph?<br />How to configure SpringGraph?<br />SpringGraph Verification<br />Write a simple example<br />Reference<br />2<br />Agenda<br />
  3. 3. Eclipse (Java EE)<br />http://www.eclipse.org/downloads/<br />Flex Builder 3.1 Plug-in for Eclipse<br />http://www.adobe.com/cfusion/entitlement/index.cfm?e=flexbuilder3<br />SpringGraph<br />http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1048510<br />3<br />Pre-requisites<br />
  4. 4. SpringGraph is a Adobe Flex 2.0 component that displays a set of items that are linked to each other. The component calculates the layout for the items using an organic-looking annealing algorithm based on the size and links of each item, and draws lines to represent the links<br />4<br />What is SpringGraph Flex Component?<br />
  5. 5. Please go to here, http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1048510, to download<br />5<br />Where to download SpringGraph?<br />
  6. 6. How to configure SpringGraph?<br />6<br />
  7. 7. 7<br />How to configure SpringGraph?<br />Unzip springgraph.zip<br />
  8. 8. 8<br />How to configure SpringGraph? – cont.<br />Click Flex Build Path<br />Go to Flex Project&apos;s properties page in Eclipse<br />
  9. 9. 9<br />How to configure SpringGraph? – cont.<br />Go to Library Path path and click Add SWC <br />
  10. 10. 10<br />How to configure SpringGraph? – cont.<br />Click Browse button, and navigate to <br />springgraph/SpringGraph_20061210/SpringGraph/bin, <br />and find out the SpringGraph.swc file<br />Click OK Button<br />
  11. 11. 11<br />How to configure SpringGraph? – cont.<br />Click OK Button<br />
  12. 12. SpringGraphVerification<br />12<br />
  13. 13. 13<br />SpringGraph Verification<br />Create a MXML application<br />
  14. 14. 14<br />SpringGraph Verification – cont.<br />Give it name, called SpringGraphTest<br />Click Finish<br />
  15. 15. 15<br />SpringGraph Verification – cont.<br />Add this namespace in &lt;mx:Application&gt; tag<br />
  16. 16. 16<br />SpringGraph Verification – cont.<br />If you can see SpringGraph tag in your editor, <br />it means you had build SpringGraph into your Eclipse successfully.<br />
  17. 17. Write a simple example<br />17<br />
  18. 18. 18<br />Write a simple example<br />Add this namespace in &lt;mx:Application&gt; tag<br />Call onLoad() function to load initial data<br />
  19. 19. 19<br />Write a simple example – cont.<br />prepare initial data<br />set up link between two nodes<br />
  20. 20. 20<br />Write a simple example – cont.<br />Configure SpringGraph-related parameters in &lt;fc:SpringGraph&gt; tag,<br />and provide data into &lt;mx:Label&gt; tag<br />
  21. 21. 21<br />Write a simple example – cont.<br />
  22. 22. SpringGraph Document<br />http://mark-shepherd.com/SpringGraph/docs/springgraph-asdoc/index.html<br />SpringGraph Flex Component<br />http://www.adobevideosuite.org/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1048510<br />22<br />Reference<br />

×