Primer acercamiento a la página de metadatos

lib/modelo/formato.dart

@@ -20,67 +20,86 @@ class Formato{
 }
 
 enum ClaseFormato{
-  PNG('.png',
+  PNG('png',
       'Portable Network Graphics',
       TipoMultimedia.IMAGEN,
       'Calidad',
-      'Nombre, Autor...',
+      [],
       'Formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. Fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros datos importantes.'
   ),
-  JPG('.jpg',
+  JPG('jpg',
       'Joint Photographic Experts Group',
       TipoMultimedia.IMAGEN,
       'Ligero',
-      'Nombre, Autor...',
+      [],
       'A pesar de ser un método de compresión, es a menudo considerado como un formato de archivo. Es el formato de imagen más común, utilizado por las cámaras fotográficas digitales y otros dispositivos de captura de imagen'
   ),
-  TIF('.tif',
+  TIF('tif',
       'Tagged Image File Format',
       TipoMultimedia.IMAGEN,
       'Calidad',
-      'Nombre, Autor...',
+      [],
       'Un formato de archivo informático para almacenar imágenes de mapa de bits. Es prevalente en la industria gráfica y en la fotografía profesional por su versatilidad y compresión no destructiva.'
   ),
-  MP3('.mp3',
+  MP3('mp3',
       'MPEG-1 Layer III',
       TipoMultimedia.AUDIO,
       'Calidad',
-      'Nombre, Autor...',
+      [ Metadato('Título', 'title'),
+        Metadato('Artista', 'artist'),
+        Metadato('Álbum', 'album'),
+        Metadato('Género', 'genre'),
+        Metadato('Compositor', 'composer'),
+        Metadato('Número de pista', 'track', true),
+        Metadato('Idioma', 'language')],
       'Un formato de compresión de audio digital que usa un algoritmo con pérdida para conseguir un menor tamaño de archivo. Es un formato de audio común utilizado para música tanto en computadoras como en reproductores de audio portátil.'
   ),
-  OGG('.ogg',
+  OGG('ogg',
       'Xiph.org Ogg',
       TipoMultimedia.AUDIO,
       'Versátil',
-      'Nombre, Autor...',
+      [],
       'Un formato contenedor libre y abierto, desarrollado y mantenido por la Fundación Xiph.Org que no está restringido por las patentes de software, y está diseñado para proporcionar una difusión de flujo eficiente y manipulación de multimedios digitales de alta calidad.'
   ),
-  WAV('.wav',
+  WAV('wav',
       'Waveform Audio File Format',
       TipoMultimedia.AUDIO,
       'Calidad',
-      'Nombre, Autor...',
+      [],
       'Un formato de audio digital con o sin compresión de datos desarrollado por Microsoft e IBM que se utiliza para almacenar flujos digitales de audio en el PC, mono y estéreo a diversas resoluciones y velocidades de muestreo.'
   ),
-  MP4('.mp4',
+  MP4('mp4',
       'MPEG-4 Parte 14',
       TipoMultimedia.VIDEO,
       'Calidad',
-      'Nombre, Autor...',
+      [ Metadato('Título', 'title'),
+        Metadato('Autor', 'author'),
+        Metadato('Álbum', 'album'),
+        Metadato('Año', 'year', true),
+        Metadato('Género', 'genre'),
+        Metadato('Compositor', 'composer'),
+        Metadato('Número de pista', 'track', true),
+        Metadato('Descripción', 'description'),
+        Metadato('Comentario', 'comment')],
       'Un formato contenedor especificado como parte del estándar internacional MPEG-4 de ISO/IEC. Es utilizado para almacenar los formatos audiovisuales especificados por ISO/IEC y el grupo MPEG (Moving Picture Experts Group) al igual que otros formatos audiovisuales disponibles.'
   ),
-  MKV('.mkv',
+  MKV('mkv',
       'Matroshka',
       TipoMultimedia.VIDEO,
       'Calidad',
-      'Nombre, Autor...',
+      [ Metadato('Título', 'title'),
+        Metadato('Descripción', 'description'),
+        Metadato('Idioma', 'language')],
       'Un formato contenedor abierto que puede almacenar una cantidad muy grande de vídeo, audio, imagen o pistas de subtítulos dentro de un solo archivo. Su finalidad es la de servir como formato universal para el almacenamiento de contenidos audiovisuales y multimedia, como películas o programas de televisión, imágenes y textos.'
   ),
-  WMV('.wmv',
+  WMV('wmv',
       'Windows Media Video',
       TipoMultimedia.VIDEO,
       'Calidad',
-      'Nombre, Autor...',
+      [ Metadato('Título', 'title'),
+        Metadato('Autor', 'author'),
+        Metadato('Valoración', 'rating'),
+        Metadato('Comentario', 'comment')],
       'Un formato de vídeo desarrollado por Microsoft, que forma parte del framework Windows Media. No está contruida solo con tecnología interna de Microsoft. Desde la versión 7 (WMV1), Microsoft ha utilizado su propia versión no estandarizada de MPEG-4. El vídeo a menudo se combina con sonido en formato Windows Media Audio.'
   );
 
@@ -89,12 +108,13 @@ enum ClaseFormato{
   final TipoMultimedia _tipoMultimedia;
   final String _descripcion;
   final String _clasificacion;
-  final String _metadatos;
+  final List<Metadato> _metadatos;
 
   String get extension => _extension;
   String get nombre => _nombre;
   String get descripcion => _descripcion;
   TipoMultimedia get tipoMultimedia => _tipoMultimedia;
+  List<Metadato> get metadatos => _metadatos;
 
   const ClaseFormato(this._extension, this._nombre, this._tipoMultimedia, this._clasificacion, this._metadatos, this._descripcion);
 
@@ -123,4 +143,17 @@ enum Calidad{
   Alta,
   Muy_alta,
   ORIGINAL
+}
+
+class Metadato{
+  final String _nombreMostrado;
+  final String _nombreInterno;
+  final bool _numerico;
+
+  String get nombreMostrado => _nombreMostrado;
+  String get nombreInterno => _nombreInterno;
+  bool get numerico => _numerico;
+
+  const Metadato(String nombreMostrado, String nombreInterno, [bool numerico = false]):
+  _nombreMostrado = nombreMostrado, _nombreInterno = nombreInterno, _numerico = numerico;
 }
\ No newline at end of file

lib/paginas/pagina_configuracion.dart

@@ -4,6 +4,7 @@ import 'package:prueba_multimedia/modelo/elemento_seleccionable.dart';
 import 'package:prueba_multimedia/modelo/carpeta.dart';
 import 'package:prueba_multimedia/modelo/enlace.dart';
 import 'package:prueba_multimedia/paginas/pagina_conversion.dart';
+import 'package:prueba_multimedia/paginas/pagina_metadatos.dart';
 
 class PaginaConfiguracion extends StatefulWidget {
   final ElementoSeleccionable _elementoAsociado;
@@ -64,20 +65,21 @@ class _PaginaConfiguracionState extends State<PaginaConfiguracion> {
     sb.write("  ");
     sb.write(widget._elementoAsociado.nombre);
     if(widget._elementoAsociado is ArchivoIndividual){
+      sb.write('.');
       sb.write((widget._elementoAsociado as ArchivoIndividual).formatoActual.claseFormato.extension);
-
     }
     return sb.toString();
   }
 
   Widget _construirCuerpo() {
     if(widget._elementoAsociado is ArchivoIndividual){
+      final arch = widget._elementoAsociado as ArchivoIndividual;
       if(_categoriaActiva == 0){
-        return PaginaConversion(formatoOriginal: (widget._elementoAsociado as ArchivoIndividual).formatoActual);
+        return PaginaConversion(formatoOriginal: arch.formatoActual);
       }
       else{
         // Página de metadatos
-        return Placeholder();
+        return PaginaMetadatos(formato: arch.formatoActual.claseFormato);
       }
     }
     // Páginas de carpetas y formato de archivo para carpeta

lib/paginas/pagina_conversion.dart

@@ -60,7 +60,7 @@ class _PaginaConversionState extends State<PaginaConversion>
   }
 
   Widget _createOriginalFormatBox(){
-    final String nombreFormato = widget._formatoOriginal.claseFormato.extension.substring(1).toUpperCase();
+    final String nombreFormato = widget._formatoOriginal.claseFormato.name.toUpperCase();
 
     return DecoratedBox(
         decoration: BoxDecoration(
@@ -88,7 +88,7 @@ class _PaginaConversionState extends State<PaginaConversion>
       nombreFormato = '        ';
     }
     else{
-      nombreFormato = _formatoConvertido!.claseFormato.extension.substring(1).toUpperCase();
+      nombreFormato = _formatoConvertido!.claseFormato.name.toUpperCase();
     }
 
     return DecoratedBox(

lib/paginas/pagina_metadatos.dart

+import 'package:flutter/material.dart';
+import '../modelo/formato.dart';
+
+class PaginaMetadatos extends StatefulWidget {
+  final ClaseFormato _formato;
+
+  const PaginaMetadatos({super.key, required formato}): _formato = formato;
+
+  @override
+  State<PaginaMetadatos> createState() => _PaginaMetadatosState();
+}
+
+class _PaginaMetadatosState extends State<PaginaMetadatos> {
+  late final List<Metadato> _metadatos;
+  final List<TextEditingController> _controladores = [];
+  final List<String> _valoresElegidos = [];
+
+  @override
+  void initState() {
+    super.initState();
+    _metadatos = widget._formato.metadatos;
+    for(int i = 0; i<_metadatos.length; i++){
+      _valoresElegidos.add('');
+      _controladores.add(TextEditingController());
+      _controladores[i].addListener( () {
+          setState(() { _valoresElegidos[i] = _controladores[i].text; });
+        }
+      );
+    }
+  }
+
+  @override
+  void dispose() {
+    while(_controladores.isNotEmpty){
+      _controladores.first.dispose();
+      _controladores.removeAt(0);
+    }
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SingleChildScrollView(
+      child: Padding(
+        padding: const EdgeInsets.all(15.0),
+        child: Column(
+          children: _buildTextFields()
+        ),
+      ),
+    );
+  }
+
+  List<Widget> _buildTextFields(){
+    final toRet = <Widget>[];
+
+    for(int i = 0; i<_metadatos.length; i++){
+      toRet.add(Text(
+        _metadatos[i].nombreMostrado,
+        style: Theme.of(context).textTheme.titleMedium
+      ));
+
+      toRet.add(InputDecorator(
+        decoration: const InputDecoration(
+          border: OutlineInputBorder()
+        ),
+        child: TextField(
+          controller: _controladores[i],
+          decoration: InputDecoration(
+            hintText: '${_metadatos[i].nombreMostrado}...'
+          ),
+          keyboardType:
+            (_metadatos[i].numerico)? const TextInputType.numberWithOptions(
+                signed: true,
+                decimal: false
+            ): null,
+        ),
+      ));
+
+      if(i < _metadatos.length-1) toRet.add(const SizedBox(height: 16.0));
+    }
+
+    return toRet;
+  }
+}

lib/paginas/pagina_principal.dart

@@ -32,7 +32,7 @@ class _PaginaPrincipalState extends State<PaginaPrincipal> {
   Widget build(BuildContext context) {
     return PaginaConfiguracion(elementoAsociado: ArchivoIndividual(
         id: '1', nombre: 'miArchivo', localizacion: 'C:\\',
-        conversion: Conversion(formatoOriginal: ClaseFormato.PNG)
+        conversion: Conversion(formatoOriginal: ClaseFormato.MP4)
     ));
     /*return PaginaConfiguracion(elementoAsociado: Carpeta(
         id: '2', nombre: 'miCarpeta', localizacion: 'C:\\'