Skip to main content


Eclipse Community Forums
Forum Search:

Search      Help    Register    Login    Home
Home » Eclipse Projects » Standard Widget Toolkit (SWT) » Custom GUI builder in my RCP application
Custom GUI builder in my RCP application [message #519145] Sun, 07 March 2010 04:50 Go to next message
Eclipse UserFriend
Originally posted by: jedlicka.poll.cz

This is a multi-part message in MIME format.
--------------090506010105030703030505
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 7bit

I created a small custom GUI builder in my RCP application to let user
to build own composite. By move composite with mouse I have followed
example Snippet46 (Composite example snippet: intercept mouse events
(drag a button with the mouse)). I used FormLayout. I would like to see
a cross when moving composite to see where will be the composite placed
and to see also a tooltip with grid line (please see attached picture).
Blue dash line shows a location where will be composite paste (at the
same time into grid). The same way work also other builders (e.g. SWT
Designer). On the background is Canvas and moving is Composite.

My question is how to implement tooltip and dash line cross?

Thanks for any advice or examples!

Martin

--------------090506010105030703030505
Content-Type: image/png;
name="DND_Widgets.png"
Content-Transfer-Encoding: base64
Content-Disposition: inline;
filename="DND_Widgets.png"

iVBORw0KGgoAAAANSUhEUgAAASAAAAEPCAIAAABtG440AAAACXBIWXMAAA7D AAAOwwHHb6hk
AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICE AAD6AAAAgOgA
AHUwAADqYAAAOpgAABdwnLpRPAAAD9pJREFUeF7tnTuO3EYURcf7cKgdOJto YkeKtYBZgAKl
6iUoFOBEq1AyUGDAgUMHzgQb8AIcCAoEAQbaxW8Xv10svkdeTp9Bw5B7WI/F y3vqvmK35R/+
/OP3O35QAAWcFAiA8UIBFHBS4M6pLmVRAAWK9hAVUAAF/BQAMDpkFHBUAMAc xfVbF6l8FAUA
DMBQwFEBAHMU9yirLPP0UwDAAAwFHBUAMEdx/dZFKh9FAQADMBRwVADAHMU9 yirLPP0UADAA
QwFHBQDMUVy/dZHKR1EAwAAMBRwVADBHcY+yyjJPPwUADMBQwFEBAHMU129d pPJRFAAwAEMB
RwUAzFHco6yyzNNPAQADMBRwVADAHMX1WxepfBQFAAzAUMBRAQBzFPcoqyzz 9FMAwAAMBRwV
ADBHcf3WRSofRQEAAzAUcFQAwBzFPcoqyzz9FAAwAEMBRwUAzFFcv3WRykdR AMAADAUcFQAw
R3GPssoyTz8FAAzAUMBRAQBzFNdvXaTyURQAMABDAUcFAMxR3KOssszTTwE5 wE783KoC5/PZ
z+h7VVYE7IGf21MgAABgW3RTYfkO7ppfb96+fYZL3V5LrM55AUwFMB1PMBND BQBMBTASzNDW
OqUATAUwHU8wE0MFAEwFMBLM0NY6pQBMBTAdTzATQwUATAUwEszQ1jqlAEwF MB1PMBNDBQBM
BTASzNDWOqUATAUwHU8wE0MFAEwFMBLM0NY6pQBMBTAdTzATQwUATAUwEszQ 1jqlAEwFMB1P
MBNDBQBMBTASzNDWOqUATAUwHU8wE0MFAEwFMBLM0NY6pQBMBTAdTzATQwUA TAUwEszQ1jql
AEwFMB1PMBNDBQBMBTASzNDWOqUATAUwHU8wE0MFAEwFMBLM0NY6pQBMBTAd TzATQwUATAUw
EszQ1jqlAEwFMB1PMBNDBQBMBTASzNDWOqUATAUwHU8wE0MFAEwFMBLM0NY6 pQBMBTAdTzAT
QwUATAUwEszQ1jqlAEwFMB1PMBNDBQBMBTASzNDWOqUATAUwHU8wE0MFAEwF MBLM0NY6pQBM
BTAdTzATQwUATAUwEszQ1jqlAEwFMB1PMBNDBQBMBTASzNDWOqUATAUwHU8w E0MFAEwFMBLM
0NY6pQBMBTAdTzATQwUATAUwEszQ1jqlAEwFMB1PMBNDBQBMBTASzNDWOqUA TAUwHU8wE0MF
AEwFMBLM0NY6pQBMBTAdTzATQwUATAUwEszQ1jqlAEwFMB1PMBNDBQBMBTAS zNDWOqUATAUw
HU8wE0MFAEwFMBLM0NY6pQBMBTAdTzATQwUATAUwEszQ1jqlAEwFMB1PMBND BQBMBTASzNDW
OqUATAUwHU8wE0MFAEwFMBLM0NY6pQBsGWB3u/7o+IaZJCoAYIsBO5//2eUV 0E68qRymowCA
AdgyBXS8e4iZANgye4UY2SW+wklJsEMQ1ZskgAHYMgWO6PId5wxgy+xFgu1o 1iOeGsBWAvbh
8f7t5/qxx4fH+hnjq4/pD0I+v72vR/307nPn8cnHUO5SnBZx2Z0SoRHAlt22 OME+v/upQKNh
IPDw+LEgpHj/8UPaVu3Xd/cNVx9fxTiFavePr+4B7I9lN0iEq3YaALbs/vVb xJA/NQMhvprg
urxZJVKRbPfvfi3+XORVnFQRYNGogGhxfLcODznU4EmZD4A5AFYQ1e0SC67C OxFOlx6ybSxr
8Gq6KhpJMBJMTwHHD2STEmwIWNU3tjkW7dCaxjKwd1c2luUf4p+GMRIsJTHU jiHBHBKs3yKW
jWLYYg0B6xw5yDcSTG/xXgowgFkB9s/sQ46qaQz/7D0qLPrD6tFIuT0bNJa0 iAdnDMDyAauf
IpbtXAnJ1GP6iKIix4bbs6oj7D+mZw+2NC4EjwewfMDSHsSbfTOYPZggP1en BGAAtkyBq5bi
gFgBAFtmL74qBT+LFAAwAFumwCJ7cTCALbPXrv9Bs+Pne5DgpACALQMs7zac TqeHh4f5sfyd
HHnaio8CMBXAxI3C9PIUADAVwEiwPAeLjwIwFcDEjcL08hQAMBXASLA8B4uP AjAVwMSNwvTy
FAAwFcBCgp1/uzvuK89/z34UgKkAFtC6O50O+gqTf/ao5F0ggKkAFhLsoHSF aQPYFH4ApgIY
CZYXEeKjAEwFMBJMHJW86QGYCmAkWJ6DxUcBmApgJJg4KnnTAzAVwEiwPAeL jwIwFcBIMHFU
8qYHYCqAkWB5DhYfBWAqgJFg4qjkTQ/AVAAjwfIcLD4KwFQAI8HEUcmbHoCp AEaC5TlYfBSA
qQBGgomjkjc9AFMBjATLc7D4KABTAYwEE0clb3oApgIYCZbnYPFRAKYCGAkm jkre9ABMBTAS
LM/B4qMATAUwEkwclbzpAZgKYCRYnoPFRwGYCmAkmDgqedMDMBXASLA8B4uP AjAVwEgwcVTy
pgdgKoCRYHkOFh8FYCqAkWDiqORND8BUACPB8hwsPgrAVAAjwcRRyZsegKkA RoLlOVh8FICp
AEaCiaOSNz0AUwGMBMtzsPgoAFMBjAQTRyVvegCmAhgJludg8VEApgIYCSaO St70AEwFMBIs
z8HiowBMBTASTByVvOkBmApgJFieg8VHAZgKYCSYOCp50wMwFcBIsDwHi48C MBXASDBxVPKm
B2AqgJFgeQ6eH/Xvjy88yqbXBDAVwEiwdNemHwlg6VqlH3mXfug2R55Op4eH h/lzuSZY8Nnd
6eT3CpPfRsmlZwGwpYqlHC93s1MAc00wAEvxjccxtIgqLSIJ5uHvUHPfEAMw FcBIMABzUsC8
7CFbRBLM3AdVQRLMXNhDAuaXYN4bsPDsRPYhB4CZ0xUKHhIwvwQDMA+TJdZk D/b892AAlgiD
x2EApgIYCebhb1pED1UP2SKyB/Owwu7POUgwEszgGx7KDzn2DTEAUwGMBCPB /BSwrXzIFpE9
mK0J4mo7fhRGgpFgtIiOHgAwR3HbRTTly75OCbbBM3rxD5rZg5m3BodsEZ32 YAAGYABWpCgJ
Zu4DhW0YLaJKi0iCAZirAobFD9kikmCGDhiW2utBIglGgj3/p4g7bsMATAWw kGAer7Bye5Qd
1nTNn/XFSbD1GrYVRFvEsMsKU9z4n8FYG59x+2tMOeNeOpBgKglmuMAoPD1z upzssiRYtnTD
gaIJNn+FVc7YvvZyle1VWFXbRQ0SzNjTo25I+SaHlY2IryklAczKYyRYvWrs Yimru2heZxc1
SDASbAsFzGnJKAhgGaKNDiHBSLCRVQPAbhowq4tnD8YezMNLcU0SjAQjwRw7 /0MC5rHq7NIU
eVyIVc3tBeEhhyPorS3CY/qrFuFzsKsSrT8AwNZrGCrIJVhYxrb/Kb6FyE9X gV00MfG0VBE5
wHZRZ/vVepfLXHRSNFkk19TBALb//1XE5EaaFwEwE0kBDMDGt9YABmBmD10w 06iZkGU9YyQY
CTa5TgEYgNmEGE4iwdazdIzvIjpd53xZAAMwJ+PRItIi0iLa9EEkGE5a5iSC fX2skWC/Y6Mp
G6EMgC1bktlpLHUMjC1VrHc8CUaCzS1SAAZga0MMD814CHEADMDWKgBgKyma GU6LSItIi+i4
QgEYgAEYgFn/Pb5xprPNoEWkRXRcYwCM75EBmBdg0HXVW0h0VSIecvAlqfwV CsAADPfkK3DV
PQB2VSISjATLJxDAAAz35Ctw1T0AdlUiEowEyycQwAAM9+QrkOIeGEtRafSY W/8mB9ZJsQ4q
pagEYCPLPNZJsQ4qpagEYH3A8E2ibxAqUajhYTfdIuKbRN8gVKJQANYJMXyT 6BuEShQKwAAs
53kjgAEYvslRIN03MJauVXwkezBfX+bdFcFRAJZ3UwDs5gDL+195BsDyBq4c lWdrnVEABmBJ
CABYHrQABmBJgO11UJ6tdUbdLmA3u6mIUPn7288vgg716+df/tsLo+nz6qCS NxNfwPTu12VG
fj1P3p3YbFQtwdOboMCX93+3inx/HUh7+e0vrZu2mSxOJwIwez853SqrssUF //XLlx9ffH3q
XXsZaGI5ZnXVe9UBsFsE7L/3L8dBevr0PdKjzLT6FdH46WsBZ/HP6rfFr4bE FglZ5+FEnXrU
2Ckuk9gLDKvzbgaYXLs/3SJWBmru8dObwUp/hUmre+NU53wu78XrT/OXUVDR HFMAeekeK7Rq
eJpf9WsWw8swnKzTY7JsWYdSO4mwWdlNADtIuz9muC5saWm32c3LO9H5XFxU vPuauPBoP9aB
oTu8+VVJ2psmANtjwh8m6hSuaI+fVDbvGnVG+QN2nHYfwMZtXq6PUbz0Fp32 X6P3o/7wUnOs
zlXGdFDJm4k7YInt/rlRv/Noq4bz0u4X6275ZueWF++8/PZ0eb+/PI8Wb/b6 gz1AY5ToRO2O
pVyn67NPhUDendhsVGKLGF3pm++DBBtsyQqO2m6w7Q/Dm9N1wi87G4fRVnwz WZxO5A1YUrtf
0dXoW+JUdf+1xeN2P5i77isuPUlDQl2h183PFo/3Ws0c4hW6s1p3tiLlSUcZ c7pVVmVr048+
LWy16vUdaYCV9zHcnUi0uTqdvJz6kMDqqveq4w1YSrtfQNhxattg9Ew89q/t I6y4QhSb08Un
9wBTgA2uZaLCXvcy8bxJj+l7lzZYpEYTrNrdfX0dba7m6vQa0vHtbuJFyR4m ANhwk9a+M7/+
TR0WblwX0U7vcalZdZ7DffYEYMN9xfj28ix7s6uJTXzQXHVrzQOJQWRFrfvU HqzpEtsGpP+B
W93q10thT8/RbdtZXcyr99obsIQWccSmnV3QBY8p3qo9WPwVhBnA4gZmfA8w A1j0xaKRD4hq
614Vfd8DouC4bG6LjWW3aYz2ToW2UQs3B1i32y9ONV2nWgdbSce/RLKvVuvP 7g1Yqe+idj9e
9hYkWDJgE7EzYaBrT8bGnrutvyuuFdI+a1A5ylWKDYq7A5bwrZwre7C0BBt8 ra6merp430Jj
j5s7cZf6mdgGt23NKVTQSZvHmitVGOsPWL0jigHotvvNAVNPERMBu+wfEp8i Tu4B+i1i+/ik
+4WGuGvqmEXhvs7MIc3YKkeJi3l1epsAVtysuXa/+P3c52DNzZ7bg734+n7w +VhrkqnPwcb3
AJ2kqr9H13S58edgUx+SXhV93wNU0Embx75arT/7ZoClyZl31MS2Kq/Y+lHr 74prhfUXuGUF
Vyk2KA5g9m7Z4LZxiqMoAGAAdnN/acKWcD4LwOwZWVVxy/vHucQVALBVLI0O Fr/lTG9LBXwB
2/JKOBcKCCoAYOxAUMBRAQBzFFdwQWVKGysAYACGAo4KAJijuBsvlpxOUAEA AzAUcFQAwBzF
FVxQmdLGCgAYgKGAowIA5ijuxoslpxNUAMAADAUcFQAwR3EFF1SmtLECAAZg KOCoAIA5irvx
YsnpBBUAMABDAUcFAMxRXMEFlSltrACAARgKOCrwP9OZBDx2AKTGAAAAAElF TkSuQmCC
--------------090506010105030703030505--
Re: Custom GUI builder in my RCP application [message #519167 is a reply to message #519145] Sun, 07 March 2010 17:01 Go to previous messageGo to next message
Vijay RajFriend
Messages: 608
Registered: July 2009
Senior Member
it was sunday so i thought...

try this...

/*******************************************************************************
 * Copyright (c) 2000, 2004 IBM Corporation and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     IBM Corporation - initial API and implementation
 *******************************************************************************/

/*
 * Composite example snippet: intercept mouse events (drag a button with the mouse)
 *
 * For a list of all SWT example snippets see
 * http://www.eclipse.org/swt/snippets/
 */
import org.eclipse.swt.*;
import org.eclipse.swt.events.PaintEvent;
import org.eclipse.swt.events.PaintListener;
import org.eclipse.swt.graphics.*;
import org.eclipse.swt.widgets.*;
import org.eclipse.swt.layout.*;

public class Snippet46 {
	
	private static Color COLOR ;
	protected static int x;
	protected static int y;
	protected static boolean started;

	public static void main(String[] args) {
		Display display = new Display();
		COLOR = new Color(null,new RGB(255, 255, 222));
		final Shell shell = new Shell(display);
		final Composite composite = new Composite(shell, SWT.NONE);
		composite.setEnabled(false);
		composite.setLayout(new FillLayout());
		Button button = new Button(composite, SWT.PUSH);
		button.setText("Button");
		composite.pack();
		composite.setLocation(10, 10);
		final Point[] offset = new Point[1];
		Listener listener = new Listener() {
			public void handleEvent(Event event) {
				switch (event.type) {
				case SWT.MouseDown:
					started = true;
					Rectangle rect = composite.getBounds();
					if (rect.contains(event.x, event.y)) {
						Point pt1 = composite.toDisplay(0, 0);
						Point pt2 = shell.toDisplay(event.x, event.y);
						offset[0] = new Point(pt2.x - pt1.x, pt2.y - pt1.y);
					}
					break;
				case SWT.MouseMove:
					if (offset[0] != null) {
						Point pt = offset[0];
						x = event.x - pt.x;
						y = event.y - pt.y;
						composite.setLocation(event.x - pt.x, event.y - pt.y);
						shell.redraw();
					}
					break;
				case SWT.MouseUp:
					offset[0] = null;
					started = false;
					shell.redraw();
					break;
				}
			}
		};
		shell.addListener(SWT.MouseDown, listener);
		shell.addListener(SWT.MouseUp, listener);
		shell.addListener(SWT.MouseMove, listener);
		shell.addPaintListener(new PaintListener() {
			private int tooltipHieght = 10;
			private int tooltipWidth = 50;
			@Override
			public void paintControl(PaintEvent e) {
				if (started) {
					// e.gc.setLineWidth(5);
					e.gc.setLineStyle(SWT.LINE_DOT);
					e.gc.drawLine(x, 0, x, e.height);
					e.gc.drawLine(0, y + composite.getBounds().height, e.width,
							y + composite.getBounds().height);
					System.out.println(x + ":" + y);
					e.gc.setBackground(COLOR);
					int height = e.gc.getFontMetrics().getHeight();
					int cwidth = e.gc.getFontMetrics().getAverageCharWidth();
					String string = x+","+y;
					tooltipWidth = cwidth*string.length();
					tooltipHieght = height;
					//e.gc.drawRectangle(new Rectangle(x-tooltipWidth, y-tooltipHieght, tooltipWidth, tooltipHieght));
					e.gc.fillRectangle(new Rectangle(x-tooltipWidth-5, y-tooltipHieght, tooltipWidth, tooltipHieght));
					
					e.gc.drawString(string, x-tooltipWidth-5, y-tooltipHieght);
				}
			}
		});
		shell.setSize(300, 300);
		shell.open();
		while (!shell.isDisposed()) {
			if (!display.readAndDispatch())
				display.sleep();
		}
		display.dispose();
	}
}


modified the snippet for u r requirement...


instead of adding the paint listener to shell add it to canvas


---------------------
why, mr. Anderson, why, why do you persist?
Because I Choose To.
Regards,
Vijay
Re: Custom GUI builder in my RCP application [message #519170 is a reply to message #519167] Sun, 07 March 2010 17:57 Go to previous messageGo to next message
Eclipse UserFriend
Originally posted by: jedlicka.poll.cz

Super!

Thank you very much!

Martin

vijay napsal(a):
> it was sunday so i thought...
>
> try this...
>
> /*********************************************************** ********************
>
> * Copyright (c) 2000, 2004 IBM Corporation and others.
> * All rights reserved. This program and the accompanying materials
> * are made available under the terms of the Eclipse Public License v1.0
> * which accompanies this distribution, and is available at
> * http://www.eclipse.org/legal/epl-v10.html
> *
> * Contributors:
> * IBM Corporation - initial API and implementation
> ************************************************************ *******************/
>
>
> /*
> * Composite example snippet: intercept mouse events (drag a button with
> the mouse)
> *
> * For a list of all SWT example snippets see
> * http://www.eclipse.org/swt/snippets/
> */
> import org.eclipse.swt.*;
> import org.eclipse.swt.events.PaintEvent;
> import org.eclipse.swt.events.PaintListener;
> import org.eclipse.swt.graphics.*;
> import org.eclipse.swt.widgets.*;
> import org.eclipse.swt.layout.*;
>
> public class Snippet46 {
>
> private static Color COLOR ;
> protected static int x;
> protected static int y;
> protected static boolean started;
>
> public static void main(String[] args) {
> Display display = new Display();
> COLOR = new Color(null,new RGB(255, 255, 222));
> final Shell shell = new Shell(display);
> final Composite composite = new Composite(shell, SWT.NONE);
> composite.setEnabled(false);
> composite.setLayout(new FillLayout());
> Button button = new Button(composite, SWT.PUSH);
> button.setText("Button");
> composite.pack();
> composite.setLocation(10, 10);
> final Point[] offset = new Point[1];
> Listener listener = new Listener() {
> public void handleEvent(Event event) {
> switch (event.type) {
> case SWT.MouseDown:
> started = true;
> Rectangle rect = composite.getBounds();
> if (rect.contains(event.x, event.y)) {
> Point pt1 = composite.toDisplay(0, 0);
> Point pt2 = shell.toDisplay(event.x, event.y);
> offset[0] = new Point(pt2.x - pt1.x, pt2.y -
> pt1.y);
> }
> break;
> case SWT.MouseMove:
> if (offset[0] != null) {
> Point pt = offset[0];
> x = event.x - pt.x;
> y = event.y - pt.y;
> composite.setLocation(event.x - pt.x, event.y -
> pt.y);
> shell.redraw();
> }
> break;
> case SWT.MouseUp:
> offset[0] = null;
> started = false;
> shell.redraw();
> break;
> }
> }
> };
> shell.addListener(SWT.MouseDown, listener);
> shell.addListener(SWT.MouseUp, listener);
> shell.addListener(SWT.MouseMove, listener);
> shell.addPaintListener(new PaintListener() {
> private int tooltipHieght = 10;
> private int tooltipWidth = 50;
> @Override
> public void paintControl(PaintEvent e) {
> if (started) {
> // e.gc.setLineWidth(5);
> e.gc.setLineStyle(SWT.LINE_DOT);
> e.gc.drawLine(x, 0, x, e.height);
> e.gc.drawLine(0, y + composite.getBounds().height,
> e.width,
> y + composite.getBounds().height);
> System.out.println(x + ":" + y);
> e.gc.setBackground(COLOR);
> int height = e.gc.getFontMetrics().getHeight();
> int cwidth =
> e.gc.getFontMetrics().getAverageCharWidth();
> String string = x+","+y;
> tooltipWidth = cwidth*string.length();
> tooltipHieght = height;
> //e.gc.drawRectangle(new Rectangle(x-tooltipWidth,
> y-tooltipHieght, tooltipWidth, tooltipHieght));
> e.gc.fillRectangle(new Rectangle(x-tooltipWidth-5,
> y-tooltipHieght, tooltipWidth, tooltipHieght));
>
> e.gc.drawString(string, x-tooltipWidth-5,
> y-tooltipHieght);
> }
> }
> });
> shell.setSize(300, 300);
> shell.open();
> while (!shell.isDisposed()) {
> if (!display.readAndDispatch())
> display.sleep();
> }
> display.dispose();
> }
> }
>
>
> modified the snippet for u r requirement...
>
>
> instead of adding the paint listener to shell add it to canvas
Re: Custom GUI builder in my RCP application [message #519210 is a reply to message #519170] Mon, 08 March 2010 04:32 Go to previous message
Vijay RajFriend
Messages: 608
Registered: July 2009
Senior Member
one thing tho....

re check the cordinates in the tool tip
> e.gc.drawString(string, x-tooltipWidth-5,
> y-tooltipHieght);


---------------------
why, mr. Anderson, why, why do you persist?
Because I Choose To.
Regards,
Vijay
Previous Topic:Re: Creating multiple Display objects
Next Topic:Click on empty row in a table
Goto Forum:
  


Current Time: Fri Apr 19 19:12:15 GMT 2024

Powered by FUDForum. Page generated in 0.03410 seconds
.:: Contact :: Home ::.

Powered by: FUDforum 3.0.2.
Copyright ©2001-2010 FUDforum Bulletin Board Software

Back to the top