随笔-14  评论-2  文章-0 

基于eclipse GEF开发Google GWT矢量图形应用(eclipse gef on gwt)

下面这个整合案例来自http://code.google.com/p/gwt-html5-graph/

实际的运行案例:

Demo1(GEF Sample): http://euml.trufun.net/drawx/gef-sample/Gef_sample.html

 

源码:

1、在gwt.xml中加入对GEF的依赖:

<inherits name='GEF' />
2、按照GEF API,开发相应的editparts, figures, commands, editpolicies,actions,context menus,以及图形数据的序列化
3、整合GEF和GWT。
3.1)继承drawx提供的DiagramEditorWithPalette,如下:




import org.drawx.gef.sample.client.tool.example.model.CanvasModel;


import org.drawx.gef.sample.client.tool.example.model.MyConnectionModel;


import org.drawx.gef.sample.client.tool.example.model.OrangeModel;


import org.drawx.gef.ui.editor.DiagramEditorWithPalette;


import org.drawx.gef.ui.editor.ToolPalette;


import org.eclipse.gef.EditPartFactory;


import org.eclipse.gef.requests.CreationFactory;


import org.eclipse.swt.widgets.internal.menu.MenuManager;




import com.google.gwt.user.client.ui.Image;




public class MyDiagramEditor extends DiagramEditorWithPalette{




        public MyDiagramEditor(boolean b) {


                super(b);


        }




        @Override


        public EditPartFactory getEditPartFactory() {


                return new org.drawx.gef.sample.client.tool.example.editparts.MyEditPartFactory();


        }




        @Override


        public Object getContents() {


                return new CanvasModel();


        }




        @Override


        public void initPalette(ToolPalette palette) {


                palette.addCreationTool("Create Node", new Image(Images.INSTANCE.newModel().getURL()), new CreationFactory() {




                        public Object getNewObject() {


                                return new OrangeModel();


                        }




                        public Object getObjectType() {


                                return OrangeModel.class;


                        }


                });


                palette.addConnectionTool("Create Connection", new Image(Images.INSTANCE.newConnection().getURL()), new CreationFactory() {




                        public Object getNewObject() {


                                return new MyConnectionModel();


                        }




                        public Object getObjectType() {


                                return MyConnectionModel.class;


                        }


                });


        }




        @Override


        protected void doSave() {


               


        }




        @Override


        protected void createAppActions() {


               


        }




        @Override


        protected MenuManager getContextMenu() {


                return new MyContextMenuProvider(this.getGraphicalViewer(), this


                                .getActionRegistry());


        }




}

 

3.2)将diagram editor加入到WEB页面上


private void createTab1(TabLayoutPanel p) {


                DiagramEditorWithPalette editor = new MyDiagramEditor(true);


                p.add(editor.getWidget(), "Fill Canvas");


        }

posted on 2011-10-26 16:42 trufun1006 阅读(...) 评论(...) 编辑 收藏