Saltar navegación

Contenido - Video Desarrollo de interfaces

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 1 de agosto de 2023 por Javier P.

9 visualizaciones

Más información Transcripción

Descargar la transcripción

Proyecto FPMADdigital 00:00:06
Recursos digitales y multimedia
para formación profesional. 00:00:08
Ciclo formativo
de grado superior 00:00:16
Desarrollo de aplicaciones
multiplataforma. 00:00:18
Módulo profesional 00:00:21
Desarrollo de interfaces. 00:00:23
Unidad didáctica 00:00:25
Confección integración
de informes en la aplicación. 00:00:26
Resultados de aprendizaje 00:00:30
Crea informes evaluando y
utilizando herramientas gráficas. 00:00:33
Representación
de datos en gráficos 00:00:43
en JavaFX. 00:00:46
el objetivo de este
video es generar informes 00:00:50
básicos a partir de
una fuente de datos. 00:00:52
En concreto generaremos
un gráfico a partir 00:00:56
de los datos existentes
en nuestra aplicación. 00:00:59
Para realizar este ejercicio 00:01:05
utilizaremos IntelliJ
y OpenJDK 17. 00:01:07
Opcionalmente se
puede utilizar la aplicación 00:01:10
SceneBuilder de forma
independiente al IDE. 00:01:13
Partiendo de nuestra
aplicación ImágenesFX, 00:01:20
vamos a modificar
la vista de datos 00:01:23
para mover la tabla 00:01:26
a región izquierda. 00:01:28
Después
iremos 00:01:34
a la pestaña
gráficos 00:01:35
e incluiremos nuevo gráfico
de tarta en el área central. 00:01:37
Después modificaremos
las características del gráfico 00:01:41
para que ocupe 00:01:45
todo el espacio disponible. 00:01:46
Añadiremos un margen 00:01:49
de diez píxeles en
todos sus extremos. 00:01:50
Y daremos un tamaño 00:01:54
por defecto 00:01:58
a la tabla de 00:01:59
trescientos píxeles, 00:02:00
cien por cada columna. 00:02:02
A continuación 00:02:04
crearemos un identificador 00:02:05
para nuestro gráfico. 00:02:07
Lo llamaremos
pieChart. 00:02:09
Ahora podemos ir 00:02:13
a nuestro controlador. 00:02:14
Añadiremos una
referencia a nuestro gráfico 00:02:17
y crearemos un
método para inicializarlo. 00:02:27
Lo llamaremos 00:02:35
updatePieChart. 00:02:37
Los gráficos de tarta o circulares representan
el peso de un elemento sobre el total. 00:02:43
Por ejemplo, 00:02:48
podríamos representar 00:02:49
el porcentaje de imágenes que pertenecen a
cada categoría en nuestra lista de imágenes. 00:02:51
En primer lugar 00:02:56
crearemos una lista observable, 00:02:57
y contendrá elementos
de tipo PieChart.Data. 00:03:01
Para obtener estos valores
vamos a crear un mapa 00:03:09
utilizando los streams de java. 00:03:13
Definimos un nuevo mapa 00:03:15
tipado como 00:03:18
String y Long 00:03:19
para el nombre de
la categoría y el valor. 00:03:23
Lo llamamos categories. 00:03:26
Obtenemos 00:03:29
el streaming de nuestra
lista de imágenes. 00:03:31
Mediante el método collect 00:03:33
agrupamos 00:03:36
los valores por categoría. 00:03:37
El segundo valor
será 00:03:47
la cuenta de elementos
en la categoría. 00:03:49
Esto nos devolverá una
conexión de tipo mapa. 00:03:51
Ahora recorreremos 00:03:56
el mapa 00:03:58
con un foreach, 00:04:00
y para cada entrada del mapa 00:04:14
añadiremos 00:04:18
un nuevo PieChart.Data 00:04:20
a nuestra serie de datos, 00:04:23
que recibirá 00:04:25
la clave de la categoría 00:04:26
y el valor de la categoría. 00:04:28
Añadimos los datos 00:04:35
a nuestra gráfica. 00:04:38
Llamamos al método 00:04:43
updatePieChart 00:04:44
Desde el método showData. 00:04:46
Ejecutamos. 00:04:53
Como nuestro modelo estrextraía
la categoría de la carpeta, 00:04:56
vamos a cargar las imágenes 00:04:59
clasificadas por carpetas. 00:05:01
Ahora tenemos 00:05:20
tres categorías. 00:05:21
Si pulsamos en el botón
datos podemos ver el gráfico. 00:05:24
Si volvemos a pulsar 00:05:29
podemos ver como el
gráfico se va actualizando. 00:05:30
Idioma/s:
es
Idioma/s subtítulos:
es
Autor/es:
Javier Palacios
Subido por:
Javier P.
Licencia:
Todos los derechos reservados
Visualizaciones:
9
Fecha:
1 de agosto de 2023 - 22:06
Visibilidad:
Clave
Centro:
IES LUIS VIVES
Duración:
05′ 46″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
73.67 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid