{"id":301,"date":"2009-05-06T09:00:00","date_gmt":"2009-05-06T09:00:00","guid":{"rendered":"http:\/\/www.tutego.de\/blog\/javainsel\/?p=301"},"modified":"2009-05-06T09:00:00","modified_gmt":"2009-05-06T09:00:00","slug":"gwt-connectors-%e2%80%93-verbindungen-zwischen-formen","status":"publish","type":"post","link":"https:\/\/www.tutego.de\/blog\/javainsel\/2009\/05\/gwt-connectors-%e2%80%93-verbindungen-zwischen-formen\/","title":{"rendered":"gwt-connectors \u2013 Verbindungen zwischen Formen"},"content":{"rendered":"

gwt-connectors<\/a> ist eine GWT-Bibliothek, um Formen miteinander zu verbinden.<\/p>\n<\/p>\n

<\/a><\/p>\n

Die Pr\u00e4sentation zeigt, wie das geht.<\/p>\n

<\/object><\/center><\/p>\n

Wer\u2019s selber ausprobieren m\u00f6chte, schaut unter demo (IE, Firefox, Opera, Chrome)<\/a>. (Aber wie kann man nun die Verbindung wieder l\u00f6sen \u2026)<\/p>\n

Der n\u00f6tige Programmcode ist kurz:<\/p>\n

\/\/ Create boundary panel
AbsolutePanel boundaryPanel = new AbsolutePanel();
boundaryPanel.setSize(\"600px\", \"400px\");
RootPanel.get().add(boundaryPanel, 10, 10);
Diagram diagram = new Diagram(boundaryPanel);
boundaryPanel.add(new Label(\"Connectors example\"), 10, 2);

\/\/ Add connectors
Connector connector1 = new Connector(50, 80, 100, 100);
connector1.showOnDiagram(diagram);

Connector connector2 = new Connector(350, 200, 270, 80);
connector2.showOnDiagram(diagram); 

Connector connector3 = new Connector(450, 120, 500, 80);
connector3.showOnDiagram(diagram); 

\/\/ Add some elements that can be connected
Label label = new Label(\"LABEL\");
Image image = new Image(\"http:\/\/code.google.com\/images\/code_sm.png\");
HTML html = new HTML(\"<b>HTML<br>ELEMENT<\/b>\"); 

boundaryPanel.add(label, 50, 270);
boundaryPanel.add(image, 180, 250);
boundaryPanel.add(html, 450, 250); 

Shape shapeForLabel = new Shape(label);
shapeForLabel.showOnDiagram(diagram); 

Shape shapeForImage = new Shape(image);
shapeForImage.showOnDiagram(diagram); 

Shape shapeForHtml = new Shape(html);
shapeForHtml.showOnDiagram(diagram);<\/pre>\n
Ich bin gespannt, wann es das erste UML-Tool mit GWT gibt. gwt-connectores basiert im \u00dcbrigen auf Fred Sauer’s gwt-dnd<\/a>. (Dazu auch das Demo http:\/\/allen-sauer.com\/com.allen_sauer.gwt.dnd.demo.DragDropDemo\/DragDropDemo.html<\/a>.)<\/p>\n
Dazu passt auch die Ank\u00fcndigung von http:\/\/googledocs.blogspot.com\/2009\/03\/drawing-on-your-creativity-in-docs.html<\/a>, ein Zeichenwerkzeug in Google Docs einzubetten:<\/p>\n<\/p>\n
\"\"<\/p>\n<\/p>\n
http:\/\/www.googlewatchblog.de\/2009\/03\/26\/google-docs-drawing-veroeffentlicht\/<\/a> hat dazu ebenfalls ein Bild parat:<\/p>\n<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
gwt-connectors ist eine GWT-Bibliothek, um Formen miteinander zu verbinden. Die Pr\u00e4sentation zeigt, wie das geht. Wer\u2019s selber ausprobieren m\u00f6chte, schaut unter demo (IE, Firefox, Opera, Chrome). (Aber wie kann man nun die Verbindung wieder l\u00f6sen \u2026) Der n\u00f6tige Programmcode ist kurz: \/\/ Create boundary panelAbsolutePanel boundaryPanel = new AbsolutePanel();boundaryPanel.setSize(„600px“, „400px“);RootPanel.get().add(boundaryPanel, 10, 10);Diagram diagram = new […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[16,4,15],"tags":[],"class_list":["post-301","post","type-post","status-publish","format-standard","hentry","category-gwt","category-open-source","category-web-frameworks"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/comments?post=301"}],"version-history":[{"count":0,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/posts\/301\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/media?parent=301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/categories?post=301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tutego.de\/blog\/javainsel\/wp-json\/wp\/v2\/tags?post=301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}