Colocamos texto desde archivo txt externo.

(por la D.G. Paola L. Fraticola)

Aprenderemos a colocar texto en nuestras aplicaciones en Flash, pero con la característica que el contenido del texto se escribirá en un archivo externo a nuestra película y de esa manera podemos cambiar el escrito las veces que lo necesitemos.

Como pueden ver en la pantalla a continuación, este es el resultado del trabajo práctico que vamos a realizar en esta oportunidad.

Armaremos una pequeña película en flash y un simple diseño. Una vez finalizado vamos a colocar dos "cuadros de textos" con la característica que no se trata de textos estáticos sino "dinámicos".
Para eso, con la herramienta de tipografía vamos a ir a la barra de propiedades y seleccionaremos lo siguiente:

Primeramente le indicamos que se trata de un texto dinámico, luego que es un párrafo multilínea, en el punto 1 si lo tildamos, le daremos la opción al usuario que pueda seleccionar el texto para copiar, el punto 2 que lo vamos a dejar tildado, nos permitirá utilizar etiquetas html para algún destaque en nuestro párrafo como "negrita", "itálica" y por último en el punto 3 si lo dejas tildado, este "cuadro" de texto va a estar con fondo blanco y borde negro finito.

Entonces vamos a dibujar dos "cuadros" de texto como lo muestro en la imagen que pueden observar a continuación:
A cada cuadro le podemos indicar seleccionándolo por separado, tipografía, color, alineación, etc. Al cuadro del título le podemos indicar color blanco, centrado, verdana, cuerpo 12.

Al cuadro del contenido, verdana, alineado a la izquierda, color negro y cuerpo 11.


Una vez terminado el armado de esta película, vamos a crear un txt simple del bloc de notas y a continuación vamos a escribir cualquier texto por ejemplo:


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin neque. Cras pede. Pellentesque tellus. Donec sit amet ante. In hac habitasse platea dictumst. Phasellus eget augue. Donec semper nisi. Quisque. In hac habitasse platea dictumst. Phasellus eget augue.


Para que el Flash lo reconozca, vamos a escribir "noticias=" antes de comenzar el párrafo:


noticias=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin neque. Cras pede. Pellentesque tellus. Donec sit amet ante. In hac habitasse platea dictumst. Phasellus eget augue. Donec semper nisi. Quisque. In hac habitasse platea dictumst. Phasellus eget augue.


Lo que estamos haciendo con "noticias=" es escribirle un nombre de variable que vamos a definir en el Flash, entonces Flash dice "existe una variable llamada noticias y que se encuentra en texto.txt entonces va al txt y encuentra que noticias es igual a....=" y nuestra todo lo escrito a partir del igual.

Este archivo del bloc de notas guárdenlo con el nombre de texto.txt y que este donde guardan el fla asi pueden encontrarse los archivos swf y txt.


Hasta acá ya podríamos decir que tenemos todo armado para programar en actionscript.

Volvemos al documento flash y vamos a crear una capa acciones donde vamos a indicarle en el primer fotograma que cargue la variable llamada noticias, para eso vamos a hacer click en el cuadro de texto donde se va a mostrar el contenido y vamos a definir la variable para eso fíjense en la siguiente imagen:

Bien, ahora volvemos al fotograma 1 de la capa acciones y vamos a escribir el siguiente código:

loadVariables("texto.txt", _root);

Esto significa, que cargue las variables del txt llamado texto y que lo levante en el escenario, ahora estan listos para probar la película con Control + Enter y su cuadro de texto estará con la info del txt.

En el mismo txt podemos indicar más de una variable por eso vamos a colocar el contenido del título, para separar dos variables utilizamos "&" entonces vean el ejemplo:

titulo=Levantamos texto&noticia=Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin neque. Cras pede. Pellentesque tellus. Donec sit amet ante. In hac habitasse platea dictumst. Phasellus eget augue. Donec semper nisi. Quisque. In hac habitasse platea dictumst.
Phasellus eget augue.

Al cuadro de texto que pertenece a título también debemos definirle la variable y la llamamos si se dieron cuenta "titulo":

Probando la pelicula, si esta todo bien hecho, deben ver los dos cuadros de texto con su respectivo contenido.

Un último detalle, como ya tenemos tildado el permitir html (punto 2 explicado al inicio) podemos al txt colocarle algunos tags html para indicar que el titulo sea en bold o negrita y algunos destaques en noticias:

titulo=<>Levantamos texto< /b>&noticia=<>Lorem ipsum dolor sit amet< /i>, consectetuer adipiscing elit. Proin neque. Cras pede. Pellentesque tellus. Donec sit amet ante. In hac habitasse platea dictumst.<> Phasellus eget augue.< /b> Donec semper nisi. Quisque. In hac habitasse platea dictumst. Phasellus eget augue.

Entonces podrán observar que el titulo esta en negrita y la noticia con algunas partes en itálica y negrita.

Descargar ejemplo