Tutorial Java – Guía de utilización del Visual Editor (Video)


Tutorial Java

Cómo lo hacen en Java

El Plugin del Visual Editor es realmente uno de los mejores plugins para desarrollo de Interfases Gráficas del Usuario que he encontrado para el Eclipse, en la página oficial del Eclipse podrás encontrar varios plugins para el desarrollo, pero nada comparado con el VEP.

No soy ningún gurú en la plataforma Java para decidir que ella sea la mejor opción con la cual uno pueda empezar, por eso es simplemente una opinión personal.

Lo que más gusta es que no te llena de códigos innecesarios en la clase, problema frecuente en los otros plugins, y las modificaciones manuales que hagas en los códigos se reflejan automáticamente en la pantalla.

En este video-tutorial te doy una introducción a éste plugin.

Mira el video que te presento hasta el final, por que contiene una de las técnicas que me ha ayudado a desarrollar rápidamente aplicaciones, ya te expliqué en un artículo anterior que no sólo debes saber programar, sino que también debes dominar ciertas técnicas.

Además, también vas a aprender a crear formularios JFrame y a insertar controles, cambiar las propiedades de los objetos y mostrar un Mensaje al Usuario.

Estaré esperando tus comentarios.

Un cordial Saludo.

Marcos Jara

Esta entrada fue publicada en Uncategorized y etiquetada , , , , , , , , , . Guarda el enlace permanente.

21 respuestas a Tutorial Java – Guía de utilización del Visual Editor (Video)

  1. javier dijo:

    Gracias por el tutorial!

  2. alan raven dijo:

    oie muy util ese plugin.. yo lo quiero y lo necesito me da mucha flojera estar creando formularios escribiendo codigo y este plugin que de verdad te ahorraria muchisismo tiempo…donde lo consigo?? lo estube buscando pero solo me salen ejecutables en java y me dicen que lo tengo que descomprimir en la carpeta donde tengo eclipse pero no veo la opcion para poder usarlo asi como te aparece ati.

    • Marcos Jara dijo:

      Hola Alan,

      AQUI te dejo la guia de Instalación del Visual Editor en Eclipse Galileo,

      El manual completo del Tutorial Java para creación de aplicaciones, bajalo desde AQUI.

      La verdad que es una pena tener que escribir código para crear interfases de usuario teniendo estas herramientas, pero SI siempre recomiendo que se conosca de igual forma la API Swing para poder desarrollar bien y rápido, ya que el Visual Editor sólo nos ayuda en el Diseño, la funcionalidad igual lo tenemos que hacer manualmente

      Saludos.

      • sergio dijo:

        Buenas ! no se puede ingresar al link donde muestra cómo instalar el visual editor..

        excelente tutorial, ni bien repares el link voy a seguir con visual editor
        saludos, éxistos!

      • Marcos Jara dijo:

        Hola Sergio,

        Antes que nada te agradesco por avisarme.

        En realidad el link estaba mal y no estaba abriendo la página, pero ahora ya está corregido.

        Utiliza éste enlace para ver los artículos en orden y poder practicar en secuencia.

        Te envio un cordial Saludo y a las ordenes para responder las dudas que surjan.

  3. randy dijo:

    excelentes tutoriales hermano si puedes sigue agregando mas información
    para seguir aprendiendo

  4. daniel dijo:

    hola un mega favor podrias poner nuevamente le plugin o el tutorial para poderlo instalar es que no puedo y no lo encuentro en tu pagina de favor si no es mucha molestia!!!!!!!!!

    saludos !!!!!!!! y muchas gracias

  5. Ivan Grandi dijo:

    Buenas, vos sabes que estaba mirando el vídeo y no lo escuchaba bien, y era como que sonaba de un solo lado, entonces bajo el sonido del lado izquierdo desde el panel de windows y no se escuchaba nada, y digo bueno debo tener mal el equipo pero cuando pongo a reproducir música se escucha bien de los dos lados, si queres probalo vos pone a reproducir el video y baja el audio del lado izquierdo y no vas a escuchar mas nada. No es nada grabe ni esencial pero te lo dejo dicho por las dudas.

    Nos vemos

    • Marcos Jara dijo:

      Jejeje,

      Que Detallista Ivan.

      Pero es cierto, el curso está grabado con mi computador con un microfono MONO, no STEREO, y es por eso, tendría que ver si al renderizar se puede pasar la voz a ambos lados, es decir STEREO.

      Pero gracias igualmente.

      Saludos.

  6. Ivan Grandi dijo:

    Buenas disculpa que te siga molestando, pero viste que el texto del jTextField, cuando escribís algo se ve en el medio, y yo estaba buscando alguna propiedad para que el texto lo escriba desde arriba de todo, y la verdad que probé con todas y lo único que pude hacer es ponerlo a la izquierda, derecha o centrado. Pero lo que yo busco es que empieces a escribir desde arriba de todo no desde el centro.

    Bueno muchas gracias

    • Marcos Jara dijo:

      Hola Ivan,

      No estoy seguro si entendi bien tu pregunta, creo que estas queriendo utilizar un text para varias lineas, si es así el jtextfield no sirve,

      debes utilizar otro

      Saludos.

      • Ivan Grandi dijo:

        Ahh dale gracias, pensé que había una propiedad multiline o algo así.

        Disculpa se te molesto mucho xD

  7. Juan Diego dijo:

    En el minuto 11 segundo 22 ( 11:22 ) donde se esta escribiendo el comando JOptionPane veo que se hace referencia a una funcion que no existe en el codigo, getEntradaDatos(). No entiendo porque no le saca error a usted (!). Tuve que poner en dicho punto el texto “entradaDatos” que se refiere a la casilla de texto quedando la linea asi :
    JOptionPane(null, “El texto es : ” + entradaDatos.getText());

    y ahi si ejecutò sin problemas.

    Le comento que este tutorial es excelente, me ha servido mucho. Muchas gracias.

    • Marcos Jara dijo:

      Hola Juan

      getEntradaDatos() no es ninguna funcion, es el método getter correspondiente al atributo que hace referencia al textfield “entradaDatos”.

      Si lo hiciste con Visual Editor, el método getEntradaDatos() se tuvo que adicionar automaticamente en tu código en el momento de insertar dicho cuadro de texto,

      Igual si lo hisiste así y funcionó, está bien, pero lo adecuado es acceder al atributo a través de sus métodos set y get.

      Saludos

      • Juan Diego dijo:

        Hola Marcos

        La herramienta que emplee es WindowBuilder. No pude obtener Visual Editor porque parece descontinuado y estoy trabajando con WB. No habia caido en cuenta de que èsta podia ser la razòn de porque no me compilaba el còdigo, al fin y al cabo no estoy trabajando con el mismo editor gràfico del tutorial (VE). Uno supone que los codigos generados por ambos editores son equivalentes pero parece que pueden darse pequeñas diferencias como en este caso. Revisando el còdigo veo que WindowBuilder no me generò dichos metodos set y get para el textfield “entradaDatos”. Me imagino sin embargo que èste debe ofrecer alguna forma para poderlos generar, lo cual tendrè que investigar.

        Me queda todo claro.
        Gracias !

      • Leonardo dijo:

        Hola Marcos, debido a la imposibilidad de conseguir el VE yo tambien utilizo el WB en Eclipse y tuve el mismo inconveniente. A su vez tambien estoy probando con NetBeans y tampoco crea los metodos set y get.
        La forma de solucionarlo que encontre es la siguiente:

        Netbeans:
        Boton derecho sobre la clase->insert code->getters and setters

        Eclipse:
        Boton derecho sobre la clase->source->generate getters and setters

        eso los crea y funciona.

        Saludos.

  8. Simon dijo:

    Excelente! aunque me toca utilizar el WB tus explicaciones son bastante claras, muchas gracias!

  9. CECILIA dijo:

    si chicos, ahora ya esta el Windoe Builder para Eclipse, lo que tienen que hacer es poner el siguiente código y funciona perfecto:

    saludos!!!

    public class Jpanel extends JFrame {

    private JPanel contentPane;
    private JTextField entradaDatos;

    /**
    * Launch the application.
    */
    public static void main(String[] args) {
    EventQueue.invokeLater(new Runnable() {
    public void run() {
    try {
    Jpanel frame = new Jpanel();
    frame.setVisible(true);
    } catch (Exception e) {
    e.printStackTrace();
    }
    }
    });
    }

    /**
    * Create the frame.
    */
    public Jpanel() {
    setTitle(“FONT DE ENTRADA DE DATOS”);
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setBounds(100, 100, 450, 300);
    contentPane = new JPanel();
    contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
    setContentPane(contentPane);
    contentPane.setLayout(null);

    JButton aceptar = new JButton(“Aceptar”);
    aceptar.addActionListener(new ActionListener() {
    public void actionPerformed(ActionEvent arg0) {
    JOptionPane.showMessageDialog(null, “El texto es: ” + entradaDatos.getText());
    }
    });
    aceptar.setBounds(273, 198, 89, 23);
    contentPane.add(aceptar);

    entradaDatos = new JTextField();
    entradaDatos.setBounds(40, 67, 354, 64);
    contentPane.add(entradaDatos);
    entradaDatos.setColumns(10);

    JLabel jLabel = new JLabel(“Introduzca el Texto:”);
    jLabel.setFont(new Font(“Tahoma”, Font.BOLD, 14));
    jLabel.setBounds(40, 32, 354, 14);
    contentPane.add(jLabel);
    }
    }

  10. ajusco413 dijo:

    Hasta ahorita he ido con todo bien, los unicos detalles de diferente es que tuve que instalar Windows Builder para Eclipse, y respecto a este video tuve que importar el JOptionPane para poder utilizarla….

    y aplique lo que dijo leonardo de getters y setters, y todo funcionando de maravilla.

    Saludos.

  11. Antonio dijo:

    El visual Editor está muy bien, por lo que veo, no obstante el tiempo pasa y ese proyecto ha quedado discontinuado. Muchos son los que hablan muy bien de windowBuilder y sería un detalle que hicieses un pequeño inciso sobre este diseñador que tampoco es tan diferente aunque supongo que tendrá algo mas, o facilitará las cosas.
    Gracias

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s