Home | Clases | Interfaces de usuario con JavaFX | LibretaDirecciones: Gráficos e Informes

LibretaDirecciones: Gráficos e Informes




Gráficos

Ya que nuestra LibretaDirecciones incluye las fechas de nacimiento de cada persona, vamos a generar un informe que me permita mostrar en forma de gráfico de barras la cantidad de personas que nacen en cada mes del año.

La vista

Para ello, crearemos una nueva vista llamada VistaEstadisticas.fxml dentro del paquete view y, desde Scene Builder, le aplicaremos las siguientes características:

  • En la sección layout(derecha) del AnchorPane, establece Pref Width y Pref Height a 620x450.
  • Desde la sección Charts (izquierda) añade un BarChart dentro del AnchorPane.
  • Haz clic derecho sobre el BarChart y selecciona Fit to parent.
  • Guarda el archivo.


El controlador

Para controlar la vista, crea una nueva clase Java llamada VistaEstadisticasController dentro del paquete view con el siguiente código:


public class VistaEstadisticasController {

@FXML
private BarChart<String, Integer> graficoBarras;

@FXML
private CategoryAxis ejeX;

@FXML
private NumberAxis ejeY;

private ObservableList<String> nombreMeses = FXCollections.observableArrayList();

//Se invoca justo después de que se ha cargado el archivo FXML
@FXML
private void initialize() {

//Array de nombre de meses
String[] meses = {"Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"};

//Los convierto a lista obervable
nombreMeses.addAll(Arrays.asList(meses));

//Asigno los nombres de meses a categorías
ejeX.setCategories(nombreMeses);

//Etiquetas de los ejes
ejeX.setLabel("Mes de nacimiento");
ejeY.setLabel("Número de personas");
}

//Set mes de cada persona para el eje Y
public void setDatosPersona(List<Persona> personas) {

//Array con cantidad de personas por mes de nacimiento
int[] numMes = new int[12];
for (Persona p : personas) {
int mes = p.getFechaDeNacimiento().getMonthValue() - 1;
numMes[mes]++;
}

//Genero la serie
XYChart.Series<String, Integer> series = new XYChart.Series<>();
series.setName("Mes de nacimiento");
for (int i = 0; i < numMes.length; i++) {
series.getData().add(new XYChart.Data<>(nombreMeses.get(i), numMes[i]));
}

//Añado la serie al gráfico
graficoBarras.getData().add(series);

}

}


Como vemos, el controlador necesitará acceso a dos elementos de nuestro archivo FXML:

  • graficoBarras, que tiene los tipos String (meses en eje X) e Integer (número de personas en ese mes en el eje Y)
  • ejeX: Lo usaremos para añadir las nombres de los meses

El método initialize() rellena el eje X con la lista de todos los meses. El método setDatosPersona(...)será llamado por la clase LibretaDirecciones para establecer los datos de personas, recorriendo todas ellas y contando los nacimientos por mes, que luego añadirá a un nuevo XYChart.Data (una barra en el gráfico) para cada mes a la serie de datos. Para finalizar, añado la serie al gráfico.

Conexión de la vista a su controlador

Como en anteriores ocasiones, abre VistaEstadisticas.fxml en Scene Builder y realiza las siguientes acciones:

En Controller (izquierda) selecciona VistaEstadisticasController como Controller class.
En Hierarchy (izquierda), selecciona el BarChart y, en Properties(derecha) escribe fecha de nacimientocomo Title.
En Hierarchy (izquierda), selecciona el BarChart y, en Code (derecha) asigna graficoBarras como fx:id.
En Hierarchy (izquierda), selecciona CategoryAxis dentro de BarChart y, en Code (derecha) asigna ejecomo fx:id.

Conexión del controlador con la clase principal

Para el gráfico de estadísticas usaremos el mismo mecanismo que utilizamos para el diálogo de edición de personas, una ventana de diálogo emergente.

Añade el siguiente método a tu clase LibretaDirecciones (declarando primero la variable vistaEstadisticas de tipo AnchorPane):


public void crearGrafico() {

//Cargo la vista estadísticas
FXMLLoader loader = new FXMLLoader();
URL location = LibretaDirecciones.class.getResource("/view/VistaEstadisticas.fxml");
loader.setLocation(location);
try {
vistaEstadisticas = loader.load();
} catch (IOException ex) {
Logger.getLogger(LibretaDirecciones.class.getName()).log(Level.SEVERE, null, ex);
}

//Inicializo un nuevo escenario y asigno el principal
Stage escenarioEstadisticas = new Stage();
escenarioEstadisticas.setTitle("Estadísticas");
escenarioEstadisticas.initModality(Modality.WINDOW_MODAL);
escenarioEstadisticas.initOwner(escenarioPrincipal);

//Cargo la escena que contiene ese layout de estadisticas
Scene escena = new Scene(vistaEstadisticas);
escenarioEstadisticas.setScene(escena);

//Asigno el controlador
VistaEstadisticasController controller = loader.getController();
controller.setDatosPersona(datosPersona);

//Muestro el escenario
escenarioEstadisticas.show();

}


Asignar la acción al menú

En VistaPrincipal.fxml, añade un nuevo menú llamado Estadísticas con un MenuItem llamado Gráfico.

En VistaPrincipalController, añade el siguiente método para controlar esa acción de menú:


//Gráfico
@FXML
private void grafico() {
libretaDirecciones.crearGrafico();
}


Por último, en VistaPrincipal.fxml, selecciona el MenuItem Gráficode Estadísticas y, en Code (derecha), selecciona grafico para el campo On Action.

Más información sobre gráficos con JavaFX AQUÍ.

Informes en PDF

Para generar un informe en PDF de nuestra libreta de direcciones, haremos uso de librería externa Apache PDFBox.

Para ello, debemos acceder a la sección Downloads de la página y descargarnos el fichero pdfbox-app-2.0.8.jar.

Instalación de la librería

Una vez descargada la librería, podemos añadirla a nuestro proyecto NetBeans en las Properties de nuestro proyecto (botón derecho), accediendo a la sección Libraries y añadiendo la ruta de nuestro archivo jar mediante el botón Add JAR/Folder..

Creación del método en la clase principal

De este modo, ya podremos crear un nuevo método en la clase principal LibretaDirecciones que genere un PDF básico con el contenido de nuestra libreta.


public void crearPDF() throws IOException{

//Creo un nuevo documento, una página y la añado
PDDocument documento = new PDDocument();
PDPage pagina = new PDPage();
documento.addPage(pagina);
documento.getPage(0);

//Inicio un nuevo stream de contenido
PDPageContentStream contentStream = new PDPageContentStream(documento, pagina);

//Establezco la posición Y de la primera líena y el tipo de fuente
int linea = 700;
contentStream.setFont(PDType1Font.TIMES_ROMAN, 12);

//Recorro la lista de personas
List<Persona> personas = datosPersona;
for (Persona p : personas) {
//Inicio un nuevo texto y escribo los datos
contentStream.beginText();
contentStream.newLineAtOffset(25, linea);
contentStream.showText(p.getNombre()+" ");
contentStream.showText(p.getApellidos()+" ");
contentStream.showText(p.getDireccion()+" ");
contentStream.endText();
//Cambio de línea
linea -= 25;
}

//Cierro el content stream
contentStream.close();

//INicio el file chooser
FileChooser fileChooser = new FileChooser();

//Filtro para la extensión
FileChooser.ExtensionFilter extFilter = new FileChooser.ExtensionFilter(
"PDF files (*.pdf)", "*.pdf");
fileChooser.getExtensionFilters().add(extFilter);

//Muestro el diálogo de guardar
File archivo = fileChooser.showSaveDialog(getPrimaryStage());


if (archivo != null) {

//Me aseguro de que tiene la extensión correcta y si no la cambio
String extension = "";
if (!archivo.getPath().endsWith(extension)){
extension = ".pdf";
}
//Escribo en el archivo y lo cierro
archivo = new File(archivo.getPath() + extension);
documento.save(archivo);
documento.close();

}

//Abro el archivo en el visor de PDF del sistema
if (Desktop.isDesktopSupported()) {
try {
Desktop.getDesktop().open(archivo);
}
catch (IOException ex) {
}
}

}


Creación de la acción de menú en el controlador de la vista

Solo faltarían dos cosas: añadir un método para la acción del menú que generará un PDF en VistaPrincipalController:


//PDF
@FXML
private void pdf() throws IOException {
libretaDirecciones.crearPDF();
}


Conexión del controlador a la vista

Y añadir un MenuItem llamado PDF dentro del Menu Estadísticas al que le asignaremos como On Action el método pdf.

El PDF aquí generado es bastante simple y muestra las opciones básicas. Puedes seguir ESTE TUTORIAL para generar PDFs más completos.
Fecha de publicación: 02/11/2017
Asignaturas: desarrollo de interfaces
Temas: xml interfaces javafx
Utilizamos cookies propias y de terceros para mejorar su experiencia en la navegación. Al seguir navegando entendemos que acepta su uso.
Si lo desea, consulte nuestras políticas de privacidad y cookies
ENTENDIDO
[X] Cerrar

Contacta conmigo


[X] Cerrar

Acceso alumnos