Buenas noches con todos.
Estoy practicando con JavaFX, la verdad me parece un excelente framework para RAD (desarrollo rapido de aplicaciones). Es un framework muy completo y por supuesto, multiplataforma.
JavaFX es la nueva apuesta de Oracle (Aunque el proyecto fue inicialmente de Sun), para el desarrollo de GUI, y la verdad fue un buen movimiento. JavaFX ha venido para reemplazar a Swing a mediano - largo plazo como lo dice Oracle, y creo que no tardará mucho. Gran cantidad de programadores están migrando a JavaFX, por su flexibilidad e increible potencia. JavaFX puede ser usado en Desktop, web y Móvil.
FX AGENDA:
FXAgenda es una agenda virtual. Puede guardar los contactos que se desee. Los contactos serán guardados en una base de datos.
Características:- Cuando se lance la aplicación la primera vez, pedirá configurar el root y pass de su base de datos.
- Cuando se lance la aplicación por primera vez, creará una carpeta en: Home/AppData/Local/, llamada 'agenda'.
- En la carpeta agenda se guardarán las configuraciones de la cuenta de usuario y de la base de datos: userdata.txt y database.txt
- Si se elimina el archivo userdata.txt lo creará automáticamente al iniciar la aplicación con el usario y contraseña por defecto.
- Si se elimina el archivo database.txt al iniciar la aplicación pedirá el root y pass de su base de datos, tal y como la primera vez que se inicia la aplicación.
- Se puede añadir contactos, modificar y eliminar.
- Para añadir un contacto se tiene que ir al menú 'Archivo' y elegir la opción 'Nuevo'.
- El boton Guardar se deshabilitará mientras no se ingresen todos los datos.
- Para modificar un contacto se da doble clic en la celda a modificar, y se establece el nuevo valor. Se modificará autom. la misma celda en la Base de datos.
- Para eliminar un contacto, se puede dar clic derecho en la fila de la tabla y elegir la opción 'eliminar', o se puede ir al menú Editar -> eliminar.
- Si se quiere ver solo la tabla, presionar Cancelar.
- Para salir, simplemente hay que ir al menú Archivo -> Salir.
Imágenes:
Login:
(http://i.imgur.com/cWziIZ7.png%5Bimg%5D%3Cbr%20/%3E%3Cbr%20/%3E%5Bb%5DTabla%20primera%20vista:%5B/b%5D%3Cbr%20/%3E%3Cbr%20/%3E%5Bimg%5Dhttp://i.imgur.com/yh3aKBC.png)
Agregar nuevo contacto:
(http://i.imgur.com/l5tcx0Z.png)
Menu Editar:
(http://i.imgur.com/OzphjsD.png)
Establecer nuevo usuario y contraseña:
(http://i.imgur.com/DleHz0b.png)
Establecer nueva config. de la base de datos:
(http://i.imgur.com/z5aEAsr.png)
Eliminar contacto:
(http://i.imgur.com/5OAmc79.png)
Modificar contacto:
(http://i.imgur.com/YLos5cv.png)
Acerca del autor:
(http://i.imgur.com/mOZ6NTK.png)
Base de datos (MySql):
CREATE DATABASE contactos;
CREATE TABLE contacto(
ID mediumint(100) not null auto_increment,
Nombre varchar(50) not null, Apellido varchar(50) not null,
FNacimiento varchar(14) not null, Telefono varchar(20) not null,
Email varchar(50) not null, Direccion varchar(80) not null,
primarykey(ID));
NOTA: El usuario y contraseña por defecto son: user - pass. Puede cambiarse en el menú Editar.
Links actualizados:
Ejecutable: FXAgenda (http://www.mediafire.com/?3wsy7ysy79dudw6)
Código fuente: Source (http://www.mediafire.com/?gw77qksok20rgcu)
Espero les sirva de algo. Saludos...
Felicidades, tiene muy buena pinta.
Tienes documentación de JavaFx en español? Estoy buscando para empezar con JavaFx pero no encuentro nada.
Saludos
El Look and Feel es hermoso. Talvez tenga que considerarlo en un próximo proyecto que use GUI en Java.
Muchas gracias a ambos por comentar.
@makinavaja3500 En realidad, Aprendi JavaFX en diversas fuentes como:
1) Oracle docs
2) Blogs de JavaFX: www.java-buddy.blogspot.com, www.edu.makery.ch, y otros.
3) StackOverFlow. Este foro me ha ayudado muchísimo cuando no sabía cómo ni para qué hacer algo.
Material en español no vas a encontrar mucho, casi no hay. Si quieres, agrégame al skype (Manda MP) y te pasaré material (Inglés).
@egyware Gracias machine. FX tiene un L&F muy bueno, me gusta mucho. Pero lo que es mejor, es que puedes aplicar estilos (css) a tus GUI's, haciendo que luzcan como tú desees. En este caso escogí un tono Negro y un blanco ahumado.
Está de más decir que Swing, en unos años morirá. FX ha venido a reemplazarlo, por lo que se podría decir que FX será el UI Toolkit predeterminado de Java en unos años. Fuera de esto, te recomiendo usar FX, da muchísima más libertad al programador al momento de hacer las GUI.
Saludos.
Cita de: M1t$u en 10 Noviembre 2013, 15:42 PM
@egyware Gracias machine. FX tiene un L&F muy bueno, me gusta mucho. Pero lo que es mejor, es que puedes aplicar estilos (css) a tus GUI's, haciendo que luzcan como tú desees. En este caso escogí un tono Negro y un blanco ahumado.
Está de más decir que Swing, en unos años morirá. FX ha venido a reemplazarlo, por lo que se podría decir que FX será el UI Toolkit predeterminado de Java en unos años. Fuera de esto, te recomiendo usar FX, da muchísima más libertad al programador al momento de hacer las GUI.
Fascinante, no sabia que utilizaba CSS. Lo cual me simplificará la vida a la hora de crear los elementos.
Empezaré mi estudio de JavaFX y empezaré por aqui http://docs.oracle.com/javafx/index.html lo escribo por si alguien se topa con este post y también quiere aprender JavaFX.
Saludos!
Que te vaya bien en tu aprendizaje máquina. Suerte!
Saludos.
Había oído hablar de javafx pero después de ver la pedazo de GUI sin duda voy a ir mirándolo pero ya! cambia mucho respecto a swing la forma de programar una GUI?
Hola, gracias por comentar.
Respecto a si cambia mucho con respecto a Swing es sí. La arquitectura es diferente, es más organizada, más flexible. Por ejemplo, con FX los EventHandler son muy flexibles, le puedes dar un determinado tipo de listener a tus controles que con Swing no sería posible. Puedes usar CSS para darle el estilo deseado a tus controles.
Otro punto es que, la forma en como se trabaja no es muy diferente a Swing. En Swing se hereda de JFrame para hacer una ventana, y con FX se hereda de Application. La lógica en realidad, no es muy diferente. La transición de Swing a FX no es muy dura.
Puedes crear una GUI con FX de 2 formas:
1) Manualmente (Por código Java)
2) Por medio de Scene Builder.
La ventana de hacerlo por Scene Builder es que tu puedes diseñar tu GUI simplemente arrastrando controles (como Visual Studio), pero la ventaja es que no te genera código Java, si no código FXML.
FXML es un lenguaje de etiquetado con el que podemos crear nuestras GUI's, no se mezcla en nada con código Java. De esta manera, se separa una clase Controladora y la vista (FXML).
Cuando creamos una GUI con SceneBuilder tenemos que especificar cuál es la clase
Controladora que manejará la GUI.
Primero, tienes que crear un proyecto JavaFX FXML Aplication o si quieres usar un paquete dentro de un proyecto ya existente, simplemente dale clic derecho -> Other -> JavaFX - Empty FXML.
Te creará un archivo FXML. Ábrelo así:
(http://thumbs.subefotos.com/348819482206aae36d39516a2ddac814o.jpg)
Luego ya puedes empezar a crear la GUI. En el apartado izquierdo, tendrás los Paneles y Controles. Para colocarlo en tu GUI simplemente arrástralos. En el apartado derecho verás una columna con 3 secciones:
- Properties: Aquí puedes editar las propiedades del control, como color de texto, tamaño y tipo de fuente, etc y además puedes agregar un archivo CSS.
- Layout: Aquí puedes modificar el tamaño, y cualquier cosa que tenga que ver con el layout.
- Code: Aquí especificas el identificador que tendrá el control en tu clase Controladora, y los distintos tipos de eventos que le quieras aplicar.
(http://thumbs.subefotos.com/cc548c296d0e68501f7506f52e83c453o.jpg)
Aquí le digo al control qué metodo será el que desencadene los eventos:
(http://thumbs.subefotos.com/b684f046a5f406d0cc4b04d6191e387bo.jpg)
Cuando termines de crear la GUI, tienes que especificar la clase Controladora en propiedades de AnchorPane:
(http://thumbs.subefotos.com/1819265d534b976e197912c8ba9b39f4o.jpg)
Ejemplo Completo:
ControladoraVista:
import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
/**
*
* @author mitsu
*/
public class ControladoraVista implements Initializable {
@FXML TextField txtMsg;
@FXML Button btnShow;
@FXML Label lblShowMsg;
@FXML public void btnShowAction() {
lblShowMsg.setText(txtMsg.getText());
}
@Override
public void initialize(URL url, ResourceBundle rb) {
}
}
Como puedes ver, hay algunas anotaciones de tipo @FXML. Bien, esto lo que hace, es asociar un control o evento con el archivo FXML. por lo que, de esta manera, podemos utilizar los controles que hemos diseñado previamente en la GUI con Scene Builder.
Un punto importante es éste método:
@FXML public void btnShowAction() {
lblShowMsg.setText(txtMsg.getText());
}
Lo que hace la antonación aquí es: Asociar el evento del botón con este método. Ya no es necesario utilizar EventHandler, si no, directamente se escribe un método simple, con lo que queremos que haga ese botón.
El método se utiliza por si quieres inicializar algo, como una tabla por ejemplo, una lista, etc:
@Override
public void initialize(URL url, ResourceBundle rb) {
}
Vista.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<AnchorPane id="AnchorPane" prefHeight="283.0" prefWidth="338.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="javase.javafx.demo.ControladoraVista">
<children>
<Pane layoutX="0.0" layoutY="0.0" prefHeight="283.0" prefWidth="338.0">
<children>
<Label layoutX="29.0" layoutY="50.0" text="Mensaje:" />
<TextField fx:id="txtMsg" layoutX="115.0" layoutY="47.0" prefWidth="178.0" />
<Button fx:id="btnShow" layoutX="138.0" layoutY="97.0" mnemonicParsing="false" onAction="#btnShowAction" text="Mostrar" />
<Label fx:id="lblShowMsg" layoutX="29.0" layoutY="163.0" prefHeight="42.1328125" prefWidth="277.0" text="" textFill="#00a3ff">
<font>
<Font size="16.0" />
</font>
</Label>
</children>
</Pane>
</children>
</AnchorPane>
Ésta parte es la que asocia la clase Controladora con la GUI:
fx:controller="javase.javafx.demo.ControladoraVista">
Aquí es donde especificamos el evento para el botón:
<Button fx:id="btnShow" layoutX="138.0" layoutY="97.0" mnemonicParsing="false" onAction="#btnShowAction" text="Mostrar" />
Clase principal:
package javase.javafx.demo;
import java.io.IOException;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
/**
*
* @author mitsu
*/
public class Principal extends Application {
public static void main (String[] args) {
launch(args); // metodo encargado de lanzar la aplicacion
}
@Override
public void start(Stage stage) {
stage.setTitle("JavaFX Demo");
Parent root = null;
// carga el archivo FXML e inicializa la stage, scene y hace visible la stage
try {
root = FXMLLoader.load(getClass().getResource("/javase/javafx/demo/Vista.fxml"));
Scene scene = new Scene(root); // agrega el panel Group a la escena
stage.setScene(scene); // establece esta escena para la stage
stage.setResizable(false);
stage.show(); // equivalente a 'setVisible(true)
} catch (IOException e) {
System.err.println(e);
System.exit(0);
}
}
}
Notas:
- El método start() es el que se encarga de crear la GUI. Es por ésto que aquí es donde cargamos el archivo .fxml.
- En el método main, tenemos el método launch() que es el encargado de levantar la aplicación.
Resultado:
(http://thumbs.subefotos.com/e5752cec83e745303fdd2d1de4b20b6do.jpg)
Cita de: Mitsu en 16 Noviembre 2013, 16:07 PM
La ventaja de hacerlo por Scene Builder es que tu puedes diseñar tu GUI simplemente arrastrando controles (como Visual Studio), pero la ventaja es que no te genera código Java, si no código FXML.
FXML es un lenguaje de etiquetado con el que podemos crear nuestras GUI's, no se mezcla en nada con código Java. De esta manera, se separa una clase Controladora y la vista (FXML).
Cuando creamos una GUI con SceneBuilder tenemos que especificar cuál es la clase Controladora que manejará la GUI.
Primero, tienes que crear un proyecto JavaFX FXML Aplication o si quieres usar un paquete dentro de un proyecto ya existente, simplemente dale clic derecho -> Other -> JavaFX - Empty FXML.
Esto no es del todo cierto ya que para controlar directamente los controladores que te ha creado el FXML es muy cansado ya que si tienes que pasar informacion entre formas o incluso redefinir acciones en tiempo de ejecucion es muy dificil ya que todas las propiedades se encuentran en el FXML, ademas haciendolo del modo "Manual" estaras obligado a tener una variable a la cual seguirle la pista para cada componente, cosa que en FXML puedes tener un boton sin tener la variable correspondiente en el controlador, mas bien la tienes en en el FXML y para hacer uso de ella tienes que agregar la etiqueta @FXML para indicar el contexto y tiene que ser una variable global, dejando los componentes simples que solo se usan una vez sin variable o con una variable Global lo que supone perdida de memoria.....
Un Ejemplo sencillo
Modo: manual
public void crearVentana(){
Label etiqueta=new Label("Enviar Formulario");
-------------------------------
Código
-------------------------------
Button enviar=new Button();
enviar.setOnAction(); << esta asignacion termina muriendo con la funcion
}
Modo: FXML
@FXML
private Button enviar;
public void crearVentana(){
Label etiqueta=new Label("Enviar Formulario");
-------------------------------
Código
-------------------------------
enviar=new Button();
enviar.setOnAction(); << la asignacion NO termina muriendo con la funcion ni la variable
}
pero bueno digamos que hacerlo con FXML hace que para las personas que inician separen un poco mejor el MVC y tambien para hacer aplicaciones poco complejas
Hola Mitsu!, esta muy interesante todo esto!.
Estoy realizando una aplicación con javaFx con el SceneBuilder para construir los FXML.
Mi Pregunta es "Cómo puedo mostrar la aplicación que estoy realizando para que se ejecute en un WebSite con un servidor de aplicaciones?.
Tendrás algún link o documentación ?
De antemano te agradezco la atención.
Saludos.
Kernelgis.
Cita de: Mitsu en 10 Noviembre 2013, 15:42 PM
Muchas gracias a ambos por comentar.
@makinavaja3500 En realidad, Aprendi JavaFX en diversas fuentes como:
1) Oracle docs
2) Blogs de JavaFX: www.java-buddy.blogspot.com, www.edu.makery.ch, y otros.
3) StackOverFlow. Este foro me ha ayudado muchísimo cuando no sabía cómo ni para qué hacer algo.
Material en español no vas a encontrar mucho, casi no hay. Si quieres, agrégame al skype (Manda MP) y te pasaré material (Inglés).
@egyware Gracias machine. FX tiene un L&F muy bueno, me gusta mucho. Pero lo que es mejor, es que puedes aplicar estilos (css) a tus GUI's, haciendo que luzcan como tú desees. En este caso escogí un tono Negro y un blanco ahumado.
Está de más decir que Swing, en unos años morirá. FX ha venido a reemplazarlo, por lo que se podría decir que FX será el UI Toolkit predeterminado de Java en unos años. Fuera de esto, te recomiendo usar FX, da muchísima más libertad al programador al momento de hacer las GUI.
Saludos.
Hola amigo !!
Estoy empezando con JAVAFX y tu aplicacion FXAgenda me esta sirviendo mucho para comprender la arquitectura y la forma de uttilizar el entorno, pero me encuentro ante un problema que no le he encontrado solucion, cuando utilizas esta linea
import javafx.scene.control.Dialogs;, exactamente donde se encuentran las clases Dialogs ?
Cita de: marcelop69 en 18 Agosto 2014, 22:43 PM
Hola amigo !!
Estoy empezando con JAVAFX y tu aplicacion FXAgenda me esta sirviendo mucho para comprender la arquitectura y la forma de uttilizar el entorno, pero me encuentro ante un problema que no le he encontrado solucion, cuando utilizas esta linea
import javafx.scene.control.Dialogs;, exactamente donde se encuentran las clases Dialogs ?
Aqui puedes encontrar la libreria javafx.scene.control.Dialogs
https://github.com/marcojakob/javafx-ui-sandbox/tree/master/javafx-dialogs/dist
Saludos!
Muchas Gracias !!! ya los he descargado y empezare con los test correspondientes.-
excelente aporte,soy nuevo en esto y gracias a esta ayuda tan grande de tu parte estoy comprendiendo paso a paso lo que se logra con javafx, muchas gracias de verdad, tuve un poco de problemas al ejecutarlo con netbeans pero ya lo tengo funcionando ....gracias nuevamente amigo
Ayuda!
Hola, soy nuevo en el foro.
Me interesa el tema pero tengo una duda, me he descargado el proyecto y a la hora de abrirlo con Netbeans no me lo reonoce como proyecto.
Me interesa mucho el tema de la session de usuario.