Práctica 5
Creación de una asociación con referencias indirectas

En esta práctica construiremos una asociación entre un conjunto de fotografías de los planetas y sus nombres. Las fotografías están en unos archivos GIF que se deberían encontrar en la carpeta de trabajo si se han seguido correctamente las instrucciones que se dieron al inicio de la práctica.

En esta práctica no nos servirá seleccionar el tipo Imagen para la ventana B, ya que no se trata de un único gráfico sino de 9 fotografías repartidas en 9 archivos distintos, y en la lista desplegable sólo podríamos escoger una. Tendremos que utilizar a la técnica de crear referencias indirectas a gráficos escribiendo su nombre entre claves dentro de un archivo de texto.

- Vaya al menú Archivo - Nueva actividad - Asociación. La carpeta de trabajo será la misma que hemos utilizado hasta ahora.

- Seleccione para la ventana A el archivo PLANETAS.TXT que ya hemos utilizado en las prácticas anteriores.

- Para la ventana B deberá crear un NUEVO TEXTO. Haga clic en el botón Editar contenido y, cuando el programa lo pregunte, asígnele el nombre IMGPLANE

- En el bloc de notas escriba estas líneas de texto:

{mercurio.gif}
{venus.gif}
{tierra.gif}
{marte.gif}
{jupiter.gif}
{saturno.gif}
{urano.gif}
{neptuno.gif}
{pluton.gif}

Es importante escribir los nombres de los archivos entre claves, que no se deben confundir con los corchetes "[" y "]" (recuerde que en los teclados españoles las claves se obtienen con las combinaciones de teclas AltGr + diéresis y AltGr + Ç). También es importante no dejar ningún espacio en blanco delante o detrás de cada línea, y escribir los nombres sin acentos.

El hecho de escribir en un archivo de texto nombres de archivos entre claves hará que el Clic muestre su contenido dentro de las casillas en lugar de la expresión literal de cada línea.

- Guarde el archivo y cierre el bloc de notas.

- Fije una distribución de 3 filas y 3 columnas.

- Escriba en Mensaje inicial el texto:

Relaciona cada planeta con su fotografía

- ...y en Mensaje final:

¡Muy bien!

- Haga clic en Aceptar y compruebe el funcionamiento de la actividad.

- Guárdela con el nombre PLANETA3.ASS

Funciona bien... pero algunas fotografías salen recortadas. Para mejorar el aspecto de la actividad podríamos plantear una distribución distinta de las casillas: Poner en vertical la lista de nombres en una única columna a la izquierda y mantener la ventana de 3 x 3 para las fotografías. Los pasos a seguir serán:

- Utilice la combinación de teclas CTRL+E para activar la ventana de edición (equivale a activar el menú Edición - Editar la actividad).

- Cambie el Tipo a Asociación compleja. Hay que hacer este cambio porque en las asociaciones normales no es posible indicar una distribución de casillas distinta para cada ventana.

- Cambie la distribución a 1 columna y 9 filas. Eso afectará en principio a la ventana A.

- Haga clic en el botón de Asignación de relaciones y cambie los valores de Filas B y Columnas B para que ambos indiquen 3.

- Para comprobar que la asignación de relaciones todavía es la correcta vaya haciendo clic en cada una de las líneas de la lista de la izquierda: a la derecha debería aparecer seleccionada de manera automática la misma fila. Si no fuera así, marque la opción correcta.

Haga clic en Aceptar para volver a la edición de la actividad, y otra vez en Aceptar para probar su funcionamiento. La distribución ha cambiado, pero las casillas de la ventana A son demasiado grandes y las de la B demasiado pequeñas.

Antes de modificar las dimensiones de las casillas haremos unos cuantos cálculos sencillos:

Las imágenes de los planetas tienen unas dimensiones máximas de 100 x 100 puntos de pantalla (lo puede comprobar con PaintShop Pro o cualquier otro editor gráfico). Para dejar un poco de margen entre las fotografías podríamos asignar a las casillas de B unas dimensiones de 120 x 120. Eso dará un total de 360 x 360 para la ventana B.

En la ventana A hay ahora 9 filas, mientras que B continúa con 3. Para que ambas ventanas tengan la misma altura las casillas de A tendrían que medir un tercio de las de B. Un tercio de 120 son 40 puntos.

Para modificar las dimensiones de las casillas siga estos pasos:

- Edite la actividad (CTRL+E) y haga clic en el botón Opciones.

- Cambie los valores de las anchuras a fin de que sean 120 en ambas ventanas. Para las alturas indique 40 en A y 120 en B.

- Confírmelo todo y compruebe el aspecto de la actividad. Ahora la distribución es más adecuada.

La ventana B quedaría mejor si las casillas tuvieran el fondo negro:

- Edite la actividad (CTRL+E) y haga clic en el botón Fuentes.

- Marque la casilla Ventana B. Es muy importante seleccionar siempre la zona antes de hacer modificaciones de color o tipo de letra.

- Haga clic en el botón Fondo y seleccione el color negro.

- Haga clic en Texto y seleccione el color blanco. Aunque no hay texto en la ventana B, siempre es recomendable evitar dejar el mismo color para el texto y el fondo por si más adelante modificáramos la actividad.

- Confírmelo todo y compruebe el cambio de aspecto.

- Para evitar que aparezcan las líneas divisorias entre las casillas de B edite la actividad y desmarque Delim. casillas.

- Vuelva a guardar la actividad con el mismo nombre: PLANETA3.ASS