GEF入门实例_总结_06_为编辑器添加内容

一、前言

本文承接上一节:GEF入门实例_总结_05_显示一个空白编辑器

在上一节我们为我们的插件添加了一个空白的编辑器,这一节我们将为此编辑器添加内容。

二、GEF的MVC模式

在此只简单总结一下,后面会详细介绍。

1.GEF执行流程图

2.解读

GEF的MVC模式中的模型、控制器、视图分别对应于 Model 、EditPart、EditPartViewer。

GEF中定义视图为EditPartViewer,它是模型对应图形元素Figure的容器。它的实现常用的有两种:GraphicalViewer、TreeViewer.

在GEF执行时,会经历以下流程

(1)首先创建一个模型,如HelloModel

(2)EditPartFactory 根据模型,创建对应控制器,并将模型注入到控制器中,如命名为HelloEditPart。如:

    public EditPart createEditPart(EditPart context, Object model) {

        //get EditPart for model element
        EditPart part = getPartForElement(model);
        //store model element in EditPart
        part.setModel(model); 
        return part;
    }

(3  )控制器 EditPart 绘制图形元素 FIgure ,并刷新视图

三、为编辑器添加内容

下面我们开始按照MVC模式执行流程实现GEF

首先需要创建一个模型。

1.创建模型

 在包model下,创建HelloModel类

package gef.tutorial.step.model;

import org.eclipse.draw2d.geometry.Rectangle;

public class HelloModel {
    
    /**
     * 1.展示的文本
     */
    private String text = "Hello World";
    
    
    /**
     * 2.约束:图形在图形集中的位置和大小。
     */
    private Rectangle constraint;
    
    
    
    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

    public Rectangle getConstraint() {
        return constraint;
    }

    public void setConstraint(Rectangle constraint) {
        this.constraint = constraint;
    }

    
    
}

 2.创建控制器

 在包 editpart 下,创建 HelloEditPart 类,扩展自 AbstractGraphicalEditPart

package gef.tutorial.step.editpart;

import javax.swing.border.CompoundBorder;
import javax.swing.border.LineBorder;

import org.eclipse.draw2d.ColorConstants;
import org.eclipse.draw2d.IFigure;
import org.eclipse.draw2d.Label;
import org.eclipse.draw2d.MarginBorder;
import org.eclipse.gef.editparts.AbstractGraphicalEditPart;


import gef.tutorial.step.model.HelloModel;

public class HelloEditPart extends AbstractGraphicalEditPart {

    
    /**
     * 1.创建图形元素
     */
    @Override
    protected IFigure createFigure() {
        HelloModel model = (HelloModel)getModel();

        Label label = new Label();
        label.setText(model.getText());

        //设置背景颜色
        label.setBackgroundColor(ColorConstants.orange);

        label.setOpaque(true);

        return label;
    }

    @Override
    protected void createEditPolicies() {
        // TODO Auto-generated method stub

    }

}

这里我们使用 getModel()函数获得 HelloModel 模型。因为在 GEF 中模型被当作 Object 类型对待,所以我们这里进行了强制转换。

这个要注意,以后我们生成 Setters 时也要用 Object 类型,然后再强制转换,后面会看到的

注意这里有getModel(),那么一定有个地方使用了setModel.

3.EditPartFactory

 创建好模型和控制器后,我们需要创建EditPartFactory 类,来连接模型和控制器,扩展自EditPartFactory

EditPartFactory主要作用是 根据模型创建控制器

package gef.tutorial.step.editpart;

import org.eclipse.gef.EditPart;

import gef.tutorial.step.model.HelloModel;

public class EditPartFactory implements org.eclipse.gef.EditPartFactory {

    @Override
    public EditPart createEditPart(EditPart context, Object model) {

        //1.根据模型创建其对应的控制器
        EditPart part = getPartForElement(model);
        //2.将模型存入到控制器中
        part.setModel(model); 
        
        return part;
    }

    
    /**
     * Maps an object to an EditPart. 
     * @throws RuntimeException if no match was found (programming error)
     */
    private EditPart getPartForElement(Object modelElement) {
        //根据模型创建其对应的控制器
        if (modelElement instanceof HelloModel)
            return new HelloEditPart();
        

        throw new RuntimeException(
                "Can't create part for model element: "
                        + ((modelElement != null) ? modelElement.getClass().getName() : "null"));
    }
}

 4.创建视图

 下面就要在 DiagramEditor 中创建 Viewer 了,用来显示 HelloEditorPart 中绘制的图形的。我们这里创建的是一个 GraphicalViewer。

package gef.tutorial.step.ui.editor;

import org.eclipse.core.runtime.IProgressMonitor;
import org.eclipse.draw2d.geometry.Rectangle;
import org.eclipse.gef.DefaultEditDomain;
import org.eclipse.gef.GraphicalViewer;
import org.eclipse.gef.palette.CreationToolEntry;
import org.eclipse.gef.palette.MarqueeToolEntry;
import org.eclipse.gef.palette.PaletteDrawer;
import org.eclipse.gef.palette.PaletteGroup;
import org.eclipse.gef.palette.PaletteRoot;
import org.eclipse.gef.palette.SelectionToolEntry;
import org.eclipse.gef.palette.ToolEntry;
import org.eclipse.gef.requests.SimpleFactory;
import org.eclipse.gef.ui.parts.GraphicalEditorWithFlyoutPalette;
import org.eclipse.jface.resource.ImageDescriptor;
import org.eclipse.ui.plugin.AbstractUIPlugin;

import gef.tutorial.step.app.Activator;
import gef.tutorial.step.editpart.EditPartFactory;
import gef.tutorial.step.model.HelloModel;

public class DiagramEditor extends GraphicalEditorWithFlyoutPalette {

    //1.添加ID,与扩展点ID保持一致,因此为了避免出错,建议ID统一为全类名
    public static final String ID = "gef.tutorial.step.ui.editor.DiagramEditor";

    //2.视图
    GraphicalViewer viewer;

    public DiagramEditor() {
        //2.为该编辑器设置编辑域。默认是其本身
        setEditDomain(new DefaultEditDomain(this));
    }


    /**1.首先配置视图
     * 
     */
    @Override
    protected void configureGraphicalViewer(){
        super.configureGraphicalViewer();

        //1.1 获取视图
        viewer = getGraphicalViewer();

        //1.2 设置EditPartFactory
        viewer.setEditPartFactory(new EditPartFactory());

    }

    /**
     * 2.初始化视图
     */
    @Override
    protected void initializeGraphicalViewer() {
        HelloModel helloModel = new HelloModel();
        helloModel.setConstraint(new Rectangle(0,0,-1,-1));
        viewer.setContents(helloModel);
    }


    /**
     * 3.配置调色板
     */
    @Override
    protected PaletteRoot getPaletteRoot() {
        //在 Palette 中添加工具箱
        //1.创建一个 Palette的root
        PaletteRoot root = new PaletteRoot();

        //2.创建一个工具组用来放置常规Tool
        PaletteGroup toolGroup = new PaletteGroup("Tool");

        //3.创建一个GEF提供的Selection工具并将其放到ToolGroup中
        ToolEntry tool = new SelectionToolEntry();
        toolGroup.add(tool);
        root.setDefaultEntry(tool); //设置该工具是缺省被选择的工具

        //4.创建一个GEF提供的“Marquee多选”工具并将其放到toolGroup中
        tool = new MarqueeToolEntry();
        toolGroup.add(tool);

        //5.创建一个Drawer(抽屉)放置绘图工具,该抽屉名称为“画图”
        PaletteDrawer drawer = new PaletteDrawer("Figure");
        // 指定”创建HelloModel模型”工具所对应的图标
        ImageDescriptor imageDescriptor = AbstractUIPlugin.imageDescriptorFromPlugin(Activator.PLUGIN_ID,"/gar.ico");

        //6.创建”创建HelloModel模型”工具
        CreationToolEntry creationEntry =
                new CreationToolEntry(
                        "绘制HelloModel", // The character string displayed on a palette
                        "创建HelloModel模型", // Tool 提示
                        new SimpleFactory(HelloModel.class), // The factory which creates
                        imageDescriptor, // The image of 16X16 displayed on a palette
                        imageDescriptor);// The image of 24X24 displayed on a palette
        drawer.add(creationEntry); // (7)将其加到前面创建的抽屉中


        //8.最后将创建的两组工具加到root上.
        root.add(toolGroup);
        root.add(drawer);


        return root;
    }

    @Override
    public void doSave(IProgressMonitor monitor) {
        // TODO Auto-generated method stub

    }

}

 四、运行效果

运行之后效果如下图:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DOTNET

ASP.NET MVC编程——模型

1 ViewModel 是一种专门提供给View使用的模型,使用ViewModel的理由是实体或领域模型所包含的属性比View使用的多或少,这种情况下实体或领域...

3308
来自专栏为数不多的Android技巧

ASCII Art:使用纯文本流程图

我们使用纯文本写代码,有了Markdown又可以使用纯文本写文档,那么对于更直观的信息表达方式——图片,能不能使用纯文本描述呢?

2352
来自专栏SDNLAB

码农学ODL之Toaster代码解析

Toaster(烤面包机)是OpenDaylight的一个例子,该例子的目的不是让你如何烤面包,而是借这个例子学习OpenDaylight的特性。在Toaste...

3966
来自专栏吉浦迅科技

DAY20:阅读Surface Memory

2042
来自专栏JadePeng的技术博客

Latex 公式在线可视化编辑器

寻觅 最近的一个demo需要用到Latex公式在线编辑器,从搜索引擎一般会得到类似http://latex.codecogs.com/eqneditor/edi...

8326
来自专栏生信宝典

R语言学习 - 热图简化

热图绘制 - pheatmap 绘制热图除了使用ggplot2,还可以有其它的包或函数,比如pheatmap::pheatmap (pheatmap包中的phe...

4489
来自专栏linux驱动个人学习

高通 display 驱动【转】

1.4K4
来自专栏逍遥剑客的游戏开发

MPQ 文件系统完成

1884
来自专栏IT开发技术与工作效率

dot 语言画类图和 UML 关系环境变量与命令行VSCode (实时预览编辑器)类图一对多多对多UML(统一建模语言)关系其他学习链接

6336
来自专栏代码GG之家

google 分屏 popup无法显示故障分析

问题描述 [Message][Input method]Display is wrong when message at split mode. 分屏模式下短信...

2019

扫码关注云+社区