II. Creando la Escena

Programar con Visual Library API es similar a programar en Swing. Puedes construir y modificar un árbol de elementos visuales, que son llamados "widgets". La raíz del árbol es representado por una clase Scene que contiene los datos visuales de la escena. La escena es un widget. Tienes que crear una vista de la escena, que es un JComponent. A continuación, debe agregar el JComponent a un JScrollPane.

En esta sección, se agregara un JScrollPane a nuestro TopComponent. Entonces creamos una nueva escena. Luego, pasamos scene view a el TopComponent,para que puede ser mostrado en el TopComponent's JScrollPane. Luego instalar el proyecto de modulo y mostrar nuestra primera escena.

1. Utilice la paleta y arrastre un JScrollPane en el TopComponent. En el Inspector, click-derecho en el JScrollPane, elija Change Variable Name y escriba graficaPane.

2 En el paquete org.avbravo.grafico, cree una clase de Java llamada GraphSceneImpl. Esta clase debe extender de GraphScene. La clase debe quedar de la siguiente manera

public class GraphSceneImpl extends GraphScene {
public GraphSceneImpl() {
}
protected Widget attachNodeWidget(Object node) {
return null;
}
protected Widget attachEdgeWidget(Object edge) {
return null;
}
protected void attachEdgeSourceAnchor(Object edge, Object oldSourceNode, Object newSourceNode) {
}
protected void attachEdgeTargetAnchor(Object edge, Object oldTargetNode, Object newTargetNode) {
}
}

Cerramos la clase.

3. Ahora abra GraficaTopComponent Agregar el objeto myView.

private JComponent myView;

4. Ahora en el metodo constructor del TopComponent agregar las siguientes lineas
GraphSceneImpl scene = new GraphSceneImpl();
myView = scene.createView();

graficaPane.setViewportView(myView);
add(scene.createSatelliteView(), BorderLayout.WEST);

Observe que se esta creando dos vistas. La primera sera una vista enorme para la visualización de sus graficas o modelos, y así sucesivamente. El segundo es una vista satelital, que es ubicada al Oeste (i.e., lado izquierdo) del TopComponent. Esto permitirá a el usuario desplazarse rápidamente a través de la vista y ofrece una visión general de toda la escena.

5. Cambie la propiedad TopComponent.PERSISTENCE_ALWAYS, a PERSISTENCE_NEVER, ya que no es necesario, además cuando el IDE se reinicia puede causar problemas.

public int getPersistenceType() {
return TopComponent.PERSISTENCE_NEVER;
}

Ahora nos colocamos sobre el proyecto, damos click derecho y seleccionamos Install/Reload in Development IDE

Con esto lo agregamos a nuestro IDE, en el menú windows, nos aparece el elemento Grafica, al cual damos click.

Tenemos una vista de nuestro módulo, con el aspecto visual muy básico sin componentes

• III.Creando una Paleta de Componentes para la escena

Attachments

010scrollpane.png		95445 bytes
011ReloadIde.png		78065 bytes
012windows.png		81049 bytes
013grafica.png		52982 bytes
01menu.png		85715 bytes