Enunciado de la tarea: “Lista de tareas”

El objetivo de esta tarea es desarrollar una aplicación de escritorio utilizando JavaFX que permita gestionar un sencillo listado de tareas pendientes (to-do list). La aplicación deberá permitir introducir nuevas tareas, marcarlas como terminadas, eliminarlas de forma individual y vaciar todo el listado.

La interfaz gráfica estará compuesta por tres zonas principales:

1. Una zona superior para introducir el texto de una nueva tarea.
2. Una zona central donde se muestra el listado de tareas.
3. Una zona inferior con botones de gestión de las tareas.

1. Requisitos funcionales

1.1 Ventana principal

• • La aplicación mostrará una ventana titulada: “Listado de Tareas”.
  • El contenido estará organizado en un contenedor con las siguientes partes:
    • Parte superior: campo de texto + botón “Agregar”.
    • Parte central: listado de tareas.
    • Parte inferior con tres botones: “Eliminar”, “Terminada” y “Limpiar”.

1.2 Parte superior (introducción de tareas)

• • Debe incluir:
    • Un campo de texto donde el usuario puede escribir la descripción de una tarea.
    • Un botón “Agregar” situado a la derecha del campo de texto.
  • Al escribir una tarea en el campo de texto y pulsar el botón “Agregar” (o la tecla Enter):
    • Se añadirá a la lista de tareas que se mostrará en el ListView.
    • El campo de texto quedará vacío tras añadir la tarea.

1.3 Parte central (listado de tareas)

• • Se utilizará para mostrar el listado de las tareas (una por fila).

1.4 Parte inferior (gestión de tareas)

• • Debe contener tres botones centrados horizontalmente:
    • “Eliminar”: elimina del listado la tarea actualmente seleccionada.
    • “Terminada”: marca como finalizada la tarea seleccionada tachándola en el listado de tareas.
    • “Limpiar”: borra todas las tareas de la lista.

2. Requisitos visuales y de estilo

2.1 Contenedor principal

• • Espaciado entre elementos: 15 píxeles.
  • Relleno interior (padding): 20 píxeles.
  • Color de fondo: #C2F9ED.

2.2 Barra superior

• • Espaciado entre elementos: 10 píxeles.
  • Alineación del contenido: alineado a la izquierda y centrado verticalmente.

2.3 Campo de texto

• • Placeholder: “Escribe una tarea…”.
  • Esquinas del fondo: 10.
  • Esquinas del borde: 10.
  • Color de borde: #00A896.
  • Relleno interior: 4 8 4 8.

2.4 Botón “Agregar”

• • Color de fondo: #00A896.
  • Color de texto: blanco.
  • Estilo de texto: negrita.
  • Esquinas del fondo: 10.
  • Relleno interior: 6 14 6 14.
  • Cursor en forma de mano.

2.5 Listado de tareas

• • Altura preferida: 250 píxeles.
  • Color de fondo: blanco.
  • Color de borde: #00A896.
  • Esquinas del borde: 10.
  • Esquinas del fondo: 10.

2.6 Texto de cada tarea (estado normal)

• • Tipografía: “Comic Sans MS”.
  • Tamaño: 11 puntos.
  • Color del texto: negro.
  • Texto sin tachar (strikethrough desactivado).
  • Relleno interno: 4 8 4 8.

2.7 Texto de cada tarea (estado “terminada”)

• • Tipografía: “Comic Sans MS”.
  • Tamaño: 11 puntos.
  • Color del texto: #666666.
  • Texto tachado (strikethrough activado).
  • Relleno interno: 4 8 4 8.

2.8 Botón “Eliminar”

• • Color de fondo: #F94144.
  • Color de texto: blanco.
  • Esquinas del fondo: 10.
  • Relleno interior: 6 14 6 14.
  • Cursor en forma de mano.

2.9 Botón “Terminada”

• • Color de fondo: #F9C74F.
  • Color de texto: #333333.
  • Estilo de texto: negrita.
  • Esquinas del fondo: 10.
  • Relleno interior: 6 14 6 14.
  • Cursor en forma de mano.

2.10 Botón “Limpiar”

• • Color de fondo: #577590.
  • Color de texto: blanco.
  • Esquinas del fondo: 10.
  • Relleno interior: 6 14 6 14.
  • Cursor en forma de mano.

2.11 Barra inferior

• • Espaciado entre elementos: 10 píxeles.
  • Alineación del contenido: centrado.