1 00:00:00,050 --> 00:00:08,410 Hola a todos, ¿qué tal? En este vídeo voy a enseñar cómo se puede crear un proyecto de Eclipse para JavaFX por primera vez 2 00:00:08,410 --> 00:00:11,750 y mostrar un poco por encima el funcionamiento del entorno. 3 00:00:12,009 --> 00:00:19,109 Entonces, yo aquí tengo ya abierta la ventana de Eclipse, entonces para abrir un proyecto de JavaFX 4 00:00:19,109 --> 00:00:26,629 se crea como cualquier otro proyecto, desde el botón File, Nuevo, vamos aquí a la opción de Proyecto, 5 00:00:26,629 --> 00:00:34,009 seleccionamos java fx y la opción que nos sale de java fx project es la que tenemos que marcar 6 00:00:34,009 --> 00:00:41,689 entonces damos a siguiente en principio pues se localiza en nuestro workspace y vamos a llamarlo 7 00:00:41,689 --> 00:00:51,049 algo así como prueba java fx para clase en principio como vimos en clases anteriores ya 8 00:00:51,049 --> 00:00:57,810 teníamos configurado el entorno con el JRE y el resto de dependencias para tener esta librería 9 00:00:57,810 --> 00:01:04,150 instalada, así que podemos ya marcar la opción Finish. Entonces, en la barra de la izquierda, 10 00:01:04,209 --> 00:01:10,469 bueno, nos dice la opción de abrir perspectiva de Java, vamos a dar que sí, y en la barra de la 11 00:01:10,469 --> 00:01:16,709 izquierda nos aparece el proyecto. Por defecto, como hemos visto en otras ocasiones, nos aparece 12 00:01:16,709 --> 00:01:23,129 este archivo de módulo info que en principio no vamos a utilizar vamos a ver otra forma para 13 00:01:23,129 --> 00:01:30,870 iniciar una aplicación de java lo borramos css de momento no necesitamos también lo borramos 14 00:01:30,870 --> 00:01:40,390 el main que aparece por defecto vamos a renombrar lo refactor un rey name vamos a poner main prueba 15 00:01:40,390 --> 00:01:49,390 fx y ya nos quedaría crear el diseño y siempre nos da como una advertencia del mail no pasa nada 16 00:01:49,390 --> 00:01:56,290 podemos dar a continuar entonces este es el código que se genera por defecto y ahora nos queda crear 17 00:01:56,290 --> 00:02:02,810 el diseño el diseño se podría crear directamente a través de código java pero tenemos la herramienta 18 00:02:02,810 --> 00:02:13,449 stem builder que nos permite crear un diseño desde cero entonces vamos a nuevo otro y seleccionamos 19 00:02:13,449 --> 00:02:21,289 aquí el nuevo documento de xml que sería nuestro diseño vamos a llamarlo también prueba nos dice 20 00:02:21,289 --> 00:02:25,310 el elemento raíz con esto lo podemos ahora configurar desde la herramienta stem builder 21 00:02:25,310 --> 00:02:43,189 Así que damos a finalizar y tenemos nuestro XML. Como vimos en clases anteriores, también tenemos instalada la herramienta Scene Builder para editar un diseño de JavaFX. Botón derecho sobre el XML, Open With Scene Builder. 22 00:02:43,189 --> 00:03:01,629 Y aquí tenemos nuestro diseño y la variedad de contenedores y controles que podemos utilizar. Esto lo tenéis en el aula virtual, tenéis como varios PDFs con resumen de los controles más utilizados, aparte de lo que es la especificación oficial de Java. 23 00:03:01,629 --> 00:03:10,250 entonces por ejemplo vamos a seleccionar como elemento raíz un border paint y para hacer 24 00:03:10,250 --> 00:03:17,750 pruebas pues simplemente le vamos a poner un menú en la sección superior sería menú bar el que 25 00:03:17,750 --> 00:03:25,669 teníamos que poner en la sección superior vale sería este y le damos a guardar guardamos cuidado 26 00:03:25,669 --> 00:03:31,810 al guardar que hay siempre que refrescar la aplicación entonces damos a refrescar y con 27 00:03:31,810 --> 00:03:40,050 esto ya tenemos el xml y nos quedaría solo enlazar el diseño inicial con el xml entonces en la teoría 28 00:03:40,050 --> 00:03:46,069 del aula virtual también tenéis un fragmento de código en el cual de momento vamos a copiarlo y 29 00:03:46,069 --> 00:03:56,710 ya más adelante explicaré en detalle en qué consiste entonces copiamos este código bueno 30 00:03:56,710 --> 00:04:01,949 esto se refiere a una variable que se ha creado arriba vamos a crear una variable la ruta en este 31 00:04:01,949 --> 00:04:09,750 caso puede ser relativa porque el fichero prueba se sitúa en la misma carpeta entonces luego 32 00:04:09,750 --> 00:04:16,370 recordar que con control shift o tenemos la opción de que todas las dependencias se carguen 33 00:04:16,370 --> 00:04:23,189 automáticamente aquí tenemos que cambiar el main al actual por tanto ya tenemos nuestro proyecto 34 00:04:23,189 --> 00:04:29,689 preparado básicamente lo que estamos haciendo es cargar el xml el elemento raíz es un border 35 00:04:29,689 --> 00:04:37,470 paint que es justo el que tenemos en el diseño y ya se crea nuestro objeto escena y stage como 36 00:04:37,470 --> 00:04:43,949 explicamos en clases anteriores y si no me he equivocado en nada, en principio ya tenemos 37 00:04:43,949 --> 00:04:48,209 nuestra aplicación funcionando. Espero que haya resultado de utilidad. Muchas gracias.