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

最新推荐文章于 2021-02-16 02:28:06 发布

trufun1006

最新推荐文章于 2021-02-16 02:28:06 发布

阅读量441

点赞数

分类专栏： eclipse gef google gwt html5 graph 文章标签： eclipse google gwt 图形 object image

本文链接：https://blog.csdn.net/trufun1006/article/details/6907757

版权

eclipse gef google gwt html5 graph 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

下面这个整合案例来自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");

        }