Eclipse Community Forums: Sirius » Nodes Customization with Java

Home » Eclipse Projects » Sirius » Nodes Customization with Java(Obtain customized figures style with Java code)

Nodes Customization with Java [message #1768412]

Tue, 18 July 2017 08:40

Eclipse User

Hello,

I want to customize my nodes with complex styles like rhomboid and trapeze (I do not want to add "workspace image" format). I found this page https://www.eclipse.org/sirius/doc/developer/extensions-provide_custom_style.html and after reading it I understand that the second way is the most adjustable to my necessities. My issue is that I am not sure how I have to proceed.

First step: I select right click in my Node >> New Style >> Custom Style. (Green rectangle appears)

Second step: I add an Extension org.eclipse.gmf.runtime.diagram.ui.edipartProviders >> Priority: Highest. Then I create a class file and copy/paste all this code:

public class DiagSeqEditPartProvider extends AbstractEditPartProvider {
    @Override
    protected Class getNodeEditPartClass(View view) {
        if (view.getElement() instanceof CustomStyle) {
            CustomStyle customStyle = (CustomStyle) view.getElement();
            if (customStyle.getId().equals(DiagSeqConstants.INSTANCE_ROLE_STYLE_ID)) {
                return InstanceRoleStyleEditPart.class;
            }
        }
        return super.getNodeEditPartClass(view);
    }
}

But, a lot of errors appear in it and I am sure that I have some step missing before.

Could anyone help me please?
Thank you very much

Re: Nodes Customization with Java [message #1768471 is a reply to message #1768412]

Wed, 19 July 2017 05:02

Eclipse User

Hi,

If I understand correctly you have build error caused by missing dependencies.
You must add org.eclipse.gmf.runtime.diagram.ui and org.eclipse.sirius.diagram.ui as dependency required by your plugin.
Also you have to create the InstanceRoleStyleEditPart class described in the documentation that will provide the custom figure. You will have to modify this class to provide your own rhomboid or trapeze figure.

Regards,

Pierre

Re: Nodes Customization with Java [message #1768475 is a reply to message #1768471]

Wed, 19 July 2017 05:08

Eclipse User

You also have to create the DiagSeqConstants.INSTANCE_ROLE_STYLE_ID that point to the id you use in the custom style on the odesign.

Re: Nodes Customization with Java [message #1768675 is a reply to message #1768475]

Fri, 21 July 2017 06:14

Eclipse User

Hello,

First of all, thank you very much for your quick answer.

I am trying to copy the sample of the page mentioned above to make a proof of concept. However, I cannot achieve it.
I attach some screen shoots of the steps I am following. Maybe in this way you can find out the mistakes that I made.

Add Custom Style in Employee Node (odesign file). ID: EMPLOYEE_ID

DiagSeqEditPartProvider Class: DiagSeqConstants.INSTANCE_ROLE_STYLE_ID replaced by EMPLOYEE_ID

InstanceRoleStyleEditPart Class:

package org.eclipse.gmf.runtime.diagram.ui.editparts;

import org.eclipse.draw2d.IFigure;
import org.eclipse.draw2d.ImageFigure;
import org.eclipse.draw2d.XYLayout;
import org.eclipse.gef.DragTracker;
import org.eclipse.gef.Request;
import org.eclipse.gmf.runtime.gef.ui.figures.DefaultSizeNodeFigure;
import org.eclipse.gmf.runtime.gef.ui.figures.NodeFigure;
import org.eclipse.gmf.runtime.notation.View;
import org.eclipse.sirius.diagram.CustomStyle;
import org.eclipse.sirius.diagram.DNode;
import org.eclipse.sirius.diagram.ui.edit.api.part.AbstractNotSelectableShapeNodeEditPart;
import org.eclipse.sirius.diagram.ui.edit.api.part.IStyleEditPart;
import org.eclipse.sirius.diagram.ui.tools.api.figure.AirStyleDefaultSizeNodeFigure;
import org.eclipse.sirius.viewpoint.SiriusPlugin;

public class InstanceRoleStyleEditPart extends AbstractNotSelectableShapeNodeEditPart
implements IStyleEditPart
{

    /**
     * the content pane.
     */
    protected IFigure contentPane;

    /**
     * the primary shape.
     */
    protected ImageFigure primaryShape;

    /**
     * Create a new {@link ChangingImageEditPart}.
     *
     * @param view
     *            the view.
     */
    public InstanceRoleStyleEditPart(View view) {
        super(view);
    }

    public DragTracker getDragTracker(Request request) {
        return getParent().getDragTracker(request);
    }

    protected NodeFigure createNodeFigure() {
        NodeFigure figure = createNodePlate();
        figure.setLayoutManager(new XYLayout());
        IFigure shape = createNodeShape();
        figure.add(shape);
        contentPane = setupContentPane(shape);
        return figure;
    }

    private NodeFigure createNodePlate() {
        DefaultSizeNodeFigure result = new AirStyleDefaultSizeNodeFigure(getMapMode().DPtoLP(40), getMapMode().DPtoLP(40));
        return result;
    }

    /**
     * Create the instance role figure.
     *
     * @return the created figure.
     */
    protected ImageFigure createNodeShape() {
        if (primaryShape == null) {
            primaryShape = new ImageFigure();
        }
        return primaryShape;
    }

    /**
     * Return the instance role figure.
     *
     * @return the instance role figure.
     */
    public ImageFigure getPrimaryShape() {
        return primaryShape;
    }

    /**
     * Default implementation treats passed figure as content pane. Respects
     * layout one may have set for generated figure.
     *
     * @param nodeShape
     *            instance of generated figure class
     * @return the figure
     */
    protected IFigure setupContentPane(IFigure nodeShape) {
        return nodeShape; // use nodeShape itself as contentPane
    }

    public IFigure getContentPane() {
        if (contentPane != null) {
            return contentPane;
        }
        return super.getContentPane();
    }

    protected void refreshVisuals() {
        CustomStyle customStyle = (CustomStyle) this.resolveSemanticElement();
        if (customStyle.eContainer() instanceof DNode) {
            this.getPrimaryShape().setImage(SiriusPlugin.getDefault().getBundleImage((DNode) customStyle.eContainer()).getName());
        }
    }

    protected void createDefaultEditPolicies() {
        // empty.
    }
}

In the last lines, this code has an error.

Thank you

Attachment: odesign.png
(Size: 33.45KB, Downloaded 178 times)
Attachment: Error.png
(Size: 14.59KB, Downloaded 169 times)
Attachment: DiagSeqEditPartProvider.jpg
(Size: 31.12KB, Downloaded 195 times)

Re: Nodes Customization with Java [message #1768685 is a reply to message #1768675]

Fri, 21 July 2017 10:08

Eclipse User

Yes the example is not up to date.
Replace SiriusPlugin.getDefault().getBundleImage((DNode) customStyle.eContainer()).getName() by

@Override
    protected void refreshVisuals() {
        CustomStyle customStyle = (CustomStyle) this.resolveSemanticElement();
        if (customStyle.eContainer() instanceof DNode) {
            ImageDescriptor imageDescriptorFromPlugin = AbstractUIPlugin.imageDescriptorFromPlugin(Activator.PLUGIN_ID, "/icons/myIcon.png");
            this.getPrimaryShape().setImage(imageDescriptorFromPlugin.createImage());
        }
    }

where "/icons/myIcon.png" is the path to your icon in your plugin. And be sure that the folders of your path are ticked in the build section of your manifest.mf

Also your EMPLOYEE_ID value in DiagSeqEditPartProvider must be set to the value used in your odesign:

String EMPLOYEE_ID="EMPLOYEE_ID"

Regards

[Updated on: Fri, 21 July 2017 10:10] by Moderator

Previous Topic:	Custom widget control description identifier is always null in Sirius 5.0
Next Topic:	Add multi-touch gestures to Sirius

Goto Forum:

-=] Back to Top [=-

Current Time: Mon Jul 28 09:36:44 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter