Dificultad

keywords
textField.label.condenseWhite, new TextField.StyleSheet(), textField.styleSheet

Este mini-tutorial, muestra las siguiente técnicas:

Crear a un sistema de noticias básico (las noticias se introducen manualmente en un editor de texto) haciendo uso de XML.

Cargar una imagen en un campo de texto (en el tutorial una instancia del componente textArea)

Dar un aspecto personalizado al documento sirviendonos de hojas de estilo.
Recordemos que la ventaja que ofrecen las hojas de estilo, reside en la rapidez con que se puede cambiar la interface de una aplicación, tan solo editar el archivo .CSS sin modificar el código de la película.

Archivos

estilos.css
noticias.xml
noticias.fla

Puedes descargar los archivos necesarios para la aplicación haciendo clic en el enlace siguiente:

Descargar archivos »

noticias.fla

Abre un documento nuevo de flash , …

Dificultad

La sección CDATA, es un nodo especial de XML, que permite a flash interpretar correctamente caracteres especiales y etiquetas HTML, vemos un ejemplo.

XML

<?xml version="1.0" encoding="utf-8"?>
<enlaces>
<titulo>
<![CDATA[
<font color="#999999" face="Verdana" size="9">
<b>Mis enlaces favoritos</b>
</font>]]>
</titulo>
<categoria>
<![CDATA[
<font color="#999999" face="Verdana" size="9">
<b>Cat:&nbsp;</b><i>Blogs</i>
</font><br><br>]]>
</categoria>
<lista>
<![CDATA[
<font color="#760000" face="Verdana" size="9">
<ul>
<li><a href="http://www.asfusion.com/blog/index.cfm?setlan=es">ASFusion</a></li>
<li><a href="http://www.carlosrovira.com/">Carlos Rovira</a></li>
<li><a href="http://www.code4net.com/">Code 4 Net</a></li>
<li><a href="http://www.cristalab.com/">Cristalab</a></li>
<li><a href="http://www.design-nation.net/es/">Design-nation</a></li>
<li><a href="http://www.elecash.org/blog/">Elecash</a></li>
<li><a href="http://www.10-lab.com/blog/">Flash Lab</a></li>
<li><a href="http://www.flashla.com/">Flashla</a></li>
<li><a href="http://blog.innocuo.com/">Innocuo</a></li>
<li><a href="http://www.kadazuro.com/blog/">Kadazuro</a></li>
<li><a href="http://klr20mg.com/">Krl20Mg</a></li>
<li><a href="http://www.nomaster.com">nomaster</a></li>
<li><a href="http://www.oscartrelles.com/es/">Oscar Trelles</a></li>
<li><a href="http://www.sidedev.net/blog/">SideDev</a></li>
<li><a href="http://x-flash.org/blog/index.html">X-Flash</a></li>
</ul>
</font>]]>
</lista>
</enlaces>

actioncript

Stage.scaleMode = “noscale";
miXML = new XML();
miXML.ignoreWhite = true;
// – creo un campo de texto
createTextField("texto", this.getNextHighestDepth, 10, 10, “", “");
texto.html = true;
texto.multiline = true;
texto.autoSize = …

Dificultad

Keywords
setInterval(), clearInterval(), setMask() , TextFormat(), updateAfterEvent(), createEmptyMovieClip(), hitTest()

News Ticker

Objetos
label_mc (para entender la utilidad de este clip, leer tutorial Clips contenedores con etiquetasnewsTicker_mc Clip de película vacioticker_mc Clip de película que contiene un textField con nombre de instancia ‘texto’. Este clip de película, tiene que estar vinculado en la bibiloteca.Tambien se utiliza una fuente embedida. Para saber más acerca de este tema, ver tutorial EmbedFonts con texto dinámicoPor último, una imagen PNG, para crear el efecto de degradado en los extremos del Ticker

Código

Prototipo que dibuja un rectángulo, como veremos más adelante, este es utilizado para crear una máscara.
MovieClip.prototype.dibujar_rectangulo = function(pos_x, pos_y, ancho, …

Dificultad

Lista de paí ses para incluir en formularios. El componente se proveé de los datos almacenados en un documento XML.

actionScript

Stage.scaleMode = “noscale";
miXML = new XML();
miXML.ignoreWhite = true;
miXML.onLoad = parseXML;
miXML.load("paises.xml");
// –
function parseXML(succes) {
miDataProvider = new Array();
// –
for (var i = 0; i<miXML.firstChild.childNodes.length; i++) {
miDataProvider.addItem(
{label:miXML.firstChild.childNodes[i].attributes.nombre,
data:miXML.firstChild.childNodes[i].attributes.siglas});
}
// –
listenerObject = new Object();
listenerObject.change = function() {
seleccion.text = miDataProvider[miCombo.selectedIndex].data;
};
// –
miCombo.addEventListener("change", listenerObject);
miCombo.dataProvider = miDataProvider;
}

Descargar archivos aqui
http://www.after-hours.org/blog/tutoriales/mx2004/comboPaises/archivos.zip

Nota
Cualquier consulta sobre este tutorial o .fla debe realizarse en el foro.

Agradecimientos a Lino por proporcionar la lista de paises.

Dificultad

Ejemplo

Con la descarga de código fuente, se incluye la plantilla con todos los objetos necesarios para el desarrollo de la aplicación, hacemos un breve repaso de cada uno de ellos para centrarnos en el código actionScript.

Clips de película

prevButton_mc
Consiste en un clip de película botón, al ser presionado, retrocede una noticia.
nextButton_mc
Clip de película botón, al ser presionado, avanza una noticia.
noticia_mc
Clip de película que consta de los campos necesarios para visualizar el titulo, texto, paginación e imagen relacionada con la noticia (Vinculado para importación en la librería, con nombre de identificador noticia_mc
holder_mc
Clip de película contenedor para la imagen relacionada (autocontenido en noticia_mc)
Código
Función que muestra las noticias

loadNew = function (xmlObj, indice) {
this = xmlObj;
// – se puede llamar a …