CODIGO.actionscript » Tutoriales

Recursos para Flash Catalyst CS5

admin — Thu, 13 May 2010 16:10:44 +0000

Entender la diferencia: diseño visual vs diseño interactivo

Welcome to Flash Catalyst (2:40)

Las mejores prácticas para trabajar con Flash Catalyst

Adobe Flash Catalyst best practices

Diseñando en Flash Catalyst

Getting started with Adobe Flash Catalyst CS5

Más información sobre diseño interactivo y cómo se puede utilizar Flash Catalyst y Creative Suite 5 para construir sitios Web interactivos y interfaces de aplicaciones de usuario, desde el prototipo de traspaso para un desarrollador de Flex con Flash Builder:

Welcome to Flash Catalyst (2:40)
Creating a simple wireframe (7:44)
Building multipage wireframes (7:14)
Using the wireframe drawing tools (14:32)
Designing components from wireframe artwork (12:33)
Adding motion and flow using transitions (9:54)
Making iterative changes to your wireframe (7:25)
Building a visual design using Creative Suite 5 (16:10)
Optimizing and publishing your project (6:31)
Partnering with a developer (7:45)

Comparte:

Videos online de las sesiones del Adobe MAX 2009

admin — Wed, 07 Oct 2009 11:46:17 +0000

Como ya se anunció, para los que no hemos podido asistir en directo a las conferencias del Adobe MAX se han colocado la grabación de las sesiones en la web de Adobe.TV.

Este es el listado completo, vale la pena ir dándole un vistazo:

MAX 2009 Keynote - Day 1

MAX 2009 Keynote - Day 1 MAX Keynote Day 1. To remain competitive and viable in a rapidly changing world, entire industries are faced with reinventing the way they do business. Runtime: 01:01:25 Average Rating: Added: Tuesday, October 6, 2009

What's Coming in Adobe AIR 2

What's Coming in Adobe AIR 2 Adobe AIR allows developers to build rich Internet applications (RIAs) that run outside the browser on multiple operating systems. In this session, you will learn about the planned capabilities of the upcoming release of Adobe AIR 2. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Understanding the Building Blocks of Adobe’s Solution...

Understanding the Building Blocks of Adobe’s Solution Accelerator Program Learn how to accelerate enterprise application development while reducing costs and time to market by leveraging LiveCycle and Adobe Solution Accelerators. The session will include a review of all the available Solution Accelerators... Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

What's Next in LiveCycle ES?

What's Next in LiveCycle ES? Discover the latest application constructs that integrate the best-in-class technologies such as Flash Builder, Data Services, and LiveCycle ES solution components. Participants will learn how this software platform can be leveraged to enable the developm Runtime: 01:00:00 Average Rating: Added: Monday, October 5, 2009

PDF Files via the Web: Creating a Better Experience

PDF Files via the Web: Creating a Better Experience Learn how to get PDF files to behave on the web the way that you and your viewers want. We'll share best practices for making sure that PDF files are easy to read, navigate, and access, as well as how to make PDF files as streamlined as possible. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

ColdFusion with Microsoft Office, SharePoint, and Exc...

ColdFusion with Microsoft Office, SharePoint, and Exchange Discover how ColdFusion 9 builds on existing support for Microsoft .NET and Exchange by featuring integration with Microsoft Office and SharePoint. In this session, you'll learn how to work with Excel spreadsheets and create PowerPoint presentations in CF Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

PDF: Inside and Out

PDF: Inside and Out Learn surprising details about the inside of a PDF file. Learn about Adobe turning PDF over to the International Standards Organization(ISO). Adobe expert Jim King will describe what Adobe's original intentions were with PDF. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Explore Deployment and Distribution Options for Adobe...

Explore Deployment and Distribution Options for Adobe AIR Applications Learn how to get your AIR applications to your users and how to keep them up to date. We will discuss important considerations for distribution on the Internet or an intranet, including impacts on your auto-update mechanism. Runtime: 01:00:00 Average Rating: Added: Monday, October 5, 2009

Effects in Flex 4

Effects in Flex 4 Explore the new and improved animation engine in Flex 4 that makes it possible to create richer and more dynamic applications. Come see how you can take advantage of the new effects and functionality, such as doing transformations in all three planes... Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Exploring New Uses for Rich Internet Applications in...

Exploring New Uses for Rich Internet Applications in Education Join Kellen Maicher from Purdue University for a demonstration of the development of several Adobe AIR applications that integrate Flash, AIR, and Flex into existing curriculums. Maicher will describe the evolution of course material from primarily SWF co Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Adobe Enterprise Cloud Computing: LiveCycle Express

Adobe Enterprise Cloud Computing: LiveCycle Express See an overview of the technology behind recently released Adobe LiveCycle ES Developer Express. LiveCycle Express is an enterprise Software-as-a-Service (SaaS) product that leverages Adobe LiveCycle ES and cloud-based computing services. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Building Applications for iPhone with Flash Professio...

Building Applications for iPhone with Flash Professional CS5 Learn how Adobe is working to bring Adobe technologies out of the desktop and onto a the iPhone. Learn how Flash Professional and the Flash platform will add capabilities to help developers iPhone enable, test, and publish their content. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Advanced Data Visualization with Flex

Advanced Data Visualization with Flex Join fellow developers and information architects interested in going beyond the standard Flex Charting to focus on creating innovative and compelling data visualizations used to solve a wide range of data visualization challenges. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Developing Social Flex Apps with the Flash Collaborat...

Developing Social Flex Apps with the Flash Collaboration Service - a Primer Learn everything you need to know to get up and running with the Adobe Flash Collaboration Service, a powerful way to add real-time social features to your Flex applications, such as live audio/video/data streaming... Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

GPU Acceleration in the next Flash Player

GPU Acceleration in the next Flash Player Learn what's possible with GPU acceleration in the next version of Flash Player. NVIDIA and Adobe collaborated to develop GPU acceleration that enables Flash Player to run fluidly on battery-powered mobile devices that are changing the face of computing. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Building Accessible Flex and Adobe AIR Applications

Building Accessible Flex and Adobe AIR Applications Learn how to comply with accessibility standards and provide access for people with disabilities within your Flex and AIR applications. This session will provide an overview of how Flash Player communicates accessibility name, role, and state information Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

What's New In Flash Player

What's New In Flash Player A new and improved version of Flash Player is on its way! Discover how you can deliver optimized user experiences that leverage the same code, tools, and skills that reach millions of new users across multiple devices with the next version of Flash Player Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Leveraging Exposed Services in ColdFusion Centaur

Leveraging Exposed Services in ColdFusion Centaur Discover the incredible array of integrated services in ColdFusion that were previously available only to your ColdFusion code. ColdFusion Centaur now exposes these services via SOAP and AMF. In this session, you will learn how to deploy CF Centaur... Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Moving from Flex 3 to Flex 4

Moving from Flex 3 to Flex 4 Learn about the new features in Flex 4 from the perspective of someone who has been doing Flex 3 development. We'll discuss changes in MXML, states, effects, and CSS, as well as the new component model. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Encoding Best Practices for H.264 Video Using Flash

Encoding Best Practices for H.264 Video Using Flash This expert-driven deep dive will demonstrate how to get the best quality from your H.264 encoding and publishing to the web on the Adobe Flash Platform. Topics will include encoding parameters, analysis, resolutions, dynamic streaming, filtering Runtime: 01:00:00 Average Rating: Added: Monday, October 5, 2009

Wow Your Audience with Multimedia PDF Documents

Wow Your Audience with Multimedia PDF Documents Join U.K.-based Harry Hemus for a demonstration of some incredible PDF documents, all of which started life as static, noninteractive collateral. He'll show how to use various Creative Suite tools to create compelling content Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Building Flex Collaboration Components

Building Flex Collaboration Components Learn how to use the Adobe Flash Collaboration Service to quickly add out-of-the-box collaboration components to your Flex applications. More importantly, discover a framework for creating custom components that include collaboration. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

The Advantages of Flex

The Advantages of Flex Learn why Flex is great for RIA development and how it compares with other RIA technologies. This introductory level session will provide a high-level overview of the tools, languages, and framework provided by Flex. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Developing for Information Assurance with LiveCycle E...

Developing for Information Assurance with LiveCycle ES Find out how to think proactively about security in order to manage risk and compliance when approaching design or development projects. Participants will learn best practices for leveraging LiveCycle ES to provide information-centric controls Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Adobe Services, SOA, and Cloud Roadmap

Adobe Services, SOA, and Cloud Roadmap Join us for unique insight into Adobe's roadmap for SOA and cloud computing. Adobe technology entrepreneur Bill Shapiro will illustrate work that has been done for cloud-based products such as LiveCycle ES Developer Express Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Customizing the University Experience with a Rich Med...

Customizing the University Experience with a Rich Media Delivery System Explore the potential of developing a customized, security-focused, RSS-driven delivery solution. This session shows how you can use Adobe Flash Media Rights Management Server, Flash Media Server 3, and Adobe Media Player Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

ActionScript 3.0 Tastes Good (and Is Good for You, To...

ActionScript 3.0 Tastes Good (and Is Good for You, Too!) Learn how to harness ActionScript 3.0 to build meaningful and practical applications, including effective approaches to typical programming tasks. The building blocks we'll share are designed to take full advantage of ActionScript 3.0 as well as lay the f Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Flex and SAP: Transforming Enterprises with RIA

Flex and SAP: Transforming Enterprises with RIA SAP evangelist Robert Horne will demonstrate how to create rich, Flex and AIR based data visualization dashboards using SAP BusinessObjects tools. Get an inside look at BusinessObjects Explorer, a powerful new way of gathering enterprise information. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Introduction to ColdFusion ORM

Introduction to ColdFusion ORM Discover one of the most significant additions to ColdFusion development, the object-relational mapping (ORM) framework built into ColdFusion 9. Powered by the Hibernate framework, ColdFusion 9 reintroduces the rapid in rapid application deployment. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Student Work and Curricular Design at RIT

Student Work and Curricular Design at RIT Explore the use of Adobe products as a platform for academic support. See how students discover the design process through team-based development and assessment in the Interactive Games and Media Department at Rochester Institute of Technology (RIT). Runtime: 01:00:00 Average Rating: Added: Monday, October 5, 2009

What's New in Flex 4

What's New in Flex 4 Come hear why folks are excited about the upcoming release of Flex 4. This session will explore the new component architecture and how skinning, effects, and layouts have been enhanced as a result. Also see how you can leverage new Flash Player 10 capabil Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Preview: Flex for Mobile Devices

Preview: Flex for Mobile Devices Hear directly from the team involved in enabling Flex on mobile devices regarding the challenges faced and progress made in optimization, components, and tooling. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

P2P on the Flash Platform with RTMFP

P2P on the Flash Platform with RTMFP Hear an introduction to peer-to-peer (P2P) communication and the Real Time Media Flow Protocol (RTMFP), used to create real-time social media applications that leverage the Adobe Flash Platform. Learn how the technology works from the engineers. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Managing ColdFusion Multi-Instance Environments

Managing ColdFusion Multi-Instance Environments Learn how to create a production environment that can support multiple ColdFusion projects concurrently, without sacrificing security, scalability, or performance. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Designing and Developing for the Multiscreen Web

Designing and Developing for the Multiscreen Web Enhance your content by making the most of its environment. As Flash Player supports new platforms and devices, your content is running on a diverse set of devices. Learn how to create applications that consider all factors. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

The Future of Digital Publishing: Delivering News thr...

The Future of Digital Publishing: Delivering News through Adobe AIR Learn from Jeremy Clark of Adobe's Experience Design team how his group has leveraged Adobe AIR, Flex, and the Text Layout Framework (now in beta on Adobe Labs) to help the New York Times and others reach new and existing customers. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Advanced ColdFusion Caching Strategies

Advanced ColdFusion Caching Strategies Learn about the many built-in caching mechanisms available in ColdFusion for improving application performance, including exciting new features in the ColdFusion 9 release. Runtime: 01:00:00 Average Rating: Added: Tuesday, October 6, 2009

Comparte:

Curso de Adobe AIR, online y gratuito, en Video2brain

admin — Tue, 28 Jul 2009 14:35:00 +0000

Para quienes no lo conozcan aun, Video2brain es Centro de formación autorizado de Adobe que ofrece cursos online en vídeo de calidad de numerosas aplicaciones de Adobe.

Actualmente tienen disponible un curso de Adobe AIR totalmente gratuito a cargo de Jorge Glez. Villanueva, responsable de, entre otros, los cursos Adobe Flash CS3 y Adobe Dreamweaver CS3. Este vídeo-training es una introducción en el uso de AIR, para aprender a programar aplicaciones
de escritorio usando los programas de Adobe, Flex y Flash.

Índice del curso:

Descripción del runtime AIR. Instalación de la aplicación
Creación de un ejemplo de xml cargado a través de PHP en un DataGrid que corra como aplicación de escritorio
Creación de un ejemplo simple de drag and drop sobre el escritorio
Creación de una aplicación AIR basada en ActionScript 3. Control de la ventana de la aplicación
Uso de la API de control de ficheros de ActionScript/AIR: crear, copiar, borrar y seleccionar archivos
Uso del drag and drop de AIR. Aplicación que permite arrastrar imágenes al escritorio
Creación de aplicaciones AIR: personalización del icono de las aplicaciones. Uso de certificados

Enlace del curso:

http://www.video2brain.com/es/products-14.htm

Comparte:

Programación orientada a objetos: Herencia de clases.

admin — Mon, 02 Feb 2009 00:49:59 +0000

La herencia de clases es uno de los conceptos básicos de la programación orientada a objetos. Decir que una clase hereda de otra quiere decir que esa clase obtiene los mismos métodos y propiedades de la otra clase. Permitiendo de esta forma añadir a las características heredadas las suyas propias.

Supongamos que tenemos una clase "Persona" con los métodos y propiedades básicas de una objeto persona como podrian ser "caminar" o "hablar", podríamos tener otras clases como "Guillermo" o "Elder" que comparten todas las características de una "Persona" pero que añaden características propias. Por lo que "Guillermo" y "Elder" pueden realizar las

mismas funciones que puede realizar una "Persona" y además cada una puede realizar las suyas propias, por ejemplo, "Guillermo" sabe nadar pero "Elder" no, y "Elder" sabe bailar reggeton pero "Guillermo" no.

En terminos de programación estaríamos diciendo que "Guillermo" y "Elder" son dos clases especializadas que heredan o extienden de la superclase "Persona".

Tipos de herencia de clases

Existen dos tipos de herencia:

Herencia por especialización
Herencia por generalización

En realidad la herencia es la misma, esta es una diferenciación puramente conceptual sobre la forma en que se a llegado a ella.

Una herencia por especialización es la que se realiza cuando necesitamos crear una clase nueva que disponga de las mismas características que otra pero que le añada funcionalidades. Por ejemplo si tenemos una clase que genera un botón simple, y necesitamos crear un botón que sea igual que el anterior pero que además añada un efecto al ser clicado.

La herencia por generalización es la que realizamos cuando tenemos muchas clases que comparten unas mismas funcionalidades y por homogeneizar las partes comunes se decide crear una clase que implemente toda esa parte común y se dejan solo las partes especificas en cada clase. Por ejemplo si tenemos clases para dibujar formas geométricas todas ellas

disponen de las mismas propiedades (un color de fondo, color de linea, etc..), todas estas características pueden estar en una clase general de la que hereden todas las clases concretas, evitando tener que escribir todo ese código común en todas ellas.

Herencia de clases en Actionscript

En Actionscript definimos que una clase hereda de otra con la sentencia "extends".

public class Guillermo extends Persona

Public, private o protected

Una consideración a tener en cuenta de la herencia es que una clase no hereda la propiedades o métodos privados, con lo que no tendrán acceso a ellas. Si necesitamos heredar propiedades o métodos que no queremos que sean accesibles desde fuera de las clases las definiremos como protected.

Sobreescritura de métodos

Una característica muy importante que permite la herencia es que podemos hacer que una clase implemente de manera diferente un método heredado. Haciendo que dos clases que heredan de la misma clase y heredan los mismos métodos se comporten de maneras diferentes.

Por ejemplo, unas clases de dibujo de figuras geométricas pueden heredar de una clase general la función "dibujar". Todas las clases dispondrán de esa función, pero cada clase la implementará de diferente manera y por lo tanto dibujará una figura diferente.

Para sobrescribir un método de la superclase utilizaremos la sentencia override en la definición del método.

//función de la superclase
public function traza():void
{
trace("superclase");
}

//función de la subclase
override public function traza():void
{
trace("subclase");
}

De esta manera al ejecutar la función "traza()" desde una subclase obtendremos el texto "subclase" sobrescribiendo las acciones del método de la subclase (no obtendríamos el texto "superclase").

En el caso de no querer sobrescribir por completo toda la implementación del método de la superclase, si no que lo que queremos es ampliarlo, podemos acceder a la implementación de la superclase con el operador "super".

//función de la subclase
override public function traza():void
{
super.traza();
trace("subclase");
}

En este caso, se ejecutaría la implementación del método en la superclase (obtendriamos el texto "superclase") y luego el de la subclase (obtendríamos también el texto "subclase").

Esto también lo podemos realizar en el constructor de la clase. Es bastante probable que una clase esté definiendo valores dentro de su constructor, de manera que al ser extendida nos interese que esas definiciones se continúen realizando. En este caso deberemos realizar una llamada al constructor de la superclase a través del operador "super".

package
{
public class A
{
protected var variable:uint;

public function A(n:uint)
{
variable = n;
}
}
}

package
{
import A;

public class B extends A
{
public function B(n:uint)
{
super(n); //ejecuta el contructor de la clase A, enviandole el parámetro
}
}
}

En el caso de que queramos asegurarnos de que una propiedad o método no pueda ser sobrescrita por otra clase la definiremos como final.

//función de la subclase que no permitirá ser sobreescrita
public final function traza():void
{
trace("subclase");
}

Ejemplo del uso de herencia de clases:

Veamos un sencillo ejemplo práctico: Crearemos un par de clases muy simples para dibujar un cuadrado o un círculo.

Lógicamente el primer paso es pensar que características compartirán tanto los cuadrados y los círculos.

Ambos son elementos gráficos que tienen propiedades que definen su tamaño (size), si disponen de relleno o solo de línea (fill), el color de relleno (bgColor), el grosor de linea (borderSize) y el color de la linea (borderColor).
Tambien ambás dispondrán de una función que permitirá actualizar el gráfico en caso de modificar sus propiedades.
Por último amb´s dispondran de la método que dibujará el gráfico. Lógicamente esta será la función que cada clase implementará de forma diferente.

Así que lo que haremos es crear una superclase "Grafico" que disponga de todas las propiedades mencionadas anteriormente, y dejaremos la implementación del método "dibuja()" a las subclases "Cuadrado" y "Circulo".

Empecemos escribiendo la interface de métodos públicos que deberán disponer todos los objetos que extiendan de "Grafico". En este caso serán todos los setters y getters para las propiedades, y el método para actualizar el gráfico.

package org.cristalab.graphics
{
public interface IGrafico
{
function get size():uint
function set size(n:uint):void
function get fill():Boolean
function set fill(n:Boolean):void
function get bgColor():uint
function set bgColor(n:uint):void
function get borderSize():uint
function set borderSize(n:uint):void
function get borderColor():uint
function set borderColor(n:uint):void
function update():void
}
}

Escribiremos la superclase "Grafico" que implementará la interface "IGrafico" y definirá todos los setters y getters de las propiedades.

Las propiedades las definiremos como "portected" para que sean privadas pero heredables.

El constructor de la clase recibirá todos los parámetros necesarios para definir las propiedades (les asignaremos valores por defecto por si se crea una instancia sin pasarle parámetros). Y realizará una llamada a la función "dibuja()" que es la que creará el gráfico.

package org.cristalab.graphics
{
import flash.display.Shape;
import flash.display.Sprite;
import org.cristalab.graphics.IGrafico;
//------------------------------------------------------------------------
public class Grafico extends Sprite implements IGrafico
{
protected var _size:uint;
protected var _fill:Boolean;
protected var _bgColor:uint;
protected var _borderSize:uint;
protected var _borderColor:uint;
//------------------------------------------------------------------------
public function Grafico(size:uint = 10, fill:Boolean = true, bgColor:uint = 0x000000, borderSize:uint = 0, borderColor:uint = 0x000000)
{
_size = size;
_fill = fill;
_bgColor = bgColor;
_borderSize = borderSize;
_borderColor = borderColor;
dibuja();
}
//------------------------------------------------------------------------
public function get size():uint
{
return _size;
}
public function set size(n:uint):void
{
_size = n;
}
//------------------------------------------------------------------------
public function get fill():Boolean
{
return _fill;
}
public function set fill(n:Boolean):void
{
_fill = n;
}
//------------------------------------------------------------------------
public function get bgColor():uint
{
return _size;
}
public function set bgColor(n:uint):void
{
_bgColor = n;
}
//------------------------------------------------------------------------
public function get borderSize():uint
{
return _borderSize;
}
public function set borderSize(n:uint):void
{
_borderSize = n;
}
//------------------------------------------------------------------------
public function get borderColor():uint
{
return _borderColor;
}
public function set borderColor(n:uint):void
{
_borderColor = n;
}
//------------------------------------------------------------------------
public function update():void
{
this.graphics.clear();
dibuja();
}
//------------------------------------------------------------------------
protected function dibuja():void
{
Throw.newError("clase abstracta");
}
//------------------------------------------------------------------------
}
}

Como hemos dicho, la clase "Grafico" no implementa el método "dibuja()" ya que eso depende de cada subclase, con lo que si intentamos crear una instancia de "Grafico" nos lanzará un error. Lo único que hacemos es definir que todas las subclases hereden el método y cada una lo implenete a su manera.

Escribamos ahora la clase "Cuadrado".

Esta clase extendrá de la clase "Grafico" e implementará la interface "IGrafico". Por lo tanto heredará todas las propiedades y métodos de la superclase marcados como public o protected, con lo que no necesitaremos definir las protiedades ni los setter y getters, pero dispondrá de ellos.

El constructor de esta clase recibirá como parámetros los valores del objeto a crear, y deberemos pasarselos al constructor de la superclase para que asigne los valores y ejecute la función de dibujar. Como hemos mencionado esto lo haremos utilizando la sentencia super();

Ahora solo nos quedará sobreescribir el método "dibuja()" para que se dibuje lo que nos interese en función de la clase actual, en este caso queremo sdibujar un cuadrado. Utilizaremos un override para sobrescribir el método.

package org.cristalab.graphics
{
import org.cristalab.graphics.IGrafico;
import org.cristalab.graphics.Grafico;
import flash.display.Shape;
import flash.display.Sprite;
//------------------------------------------------------------------------
public class Cuadrado extends Grafico implements IGrafico
{
//------------------------------------------------------------------------
public function Cuadrado(size:uint = 10, fill:Boolean = true, bgColor:uint = 0x000000, borderSize:uint = 0, borderColor:uint = 0x000000)
{
super(size, fill, bgColor, borderSize, borderColor);
}
//------------------------------------------------------------------------
override protected function dibuja():void
{
if (_fill == true)
{
this.graphics.beginFill(_bgColor);
}
if (_borderSize != 0)
{
this.graphics.lineStyle(_borderSize, _borderColor);
}
this.graphics.drawRect(0, 0, _size, _size);
if (_fill == true)
{
this.graphics.endFill();
}
}
//------------------------------------------------------------------------
}
}

Haremos lo mismo para la clase "Circulo". Únicamente deberemos implementar de diferente manera el método "dibuja".

package org.cristalab.graphics
{
import org.cristalab.graphics.IGrafico;
import org.cristalab.graphics.Grafico;
import flash.display.Shape;
import flash.display.Sprite;
//------------------------------------------------------------------------
public class Circulo extends Grafico implements IGrafico
{
//------------------------------------------
public function Circulo(size:uint = 10, fill:Boolean = true, bgColor:uint = 0x000000, borderSize:uint = 0, bordeColor:uint = 0x000000)
{
super(size, fill, bgColor, borderSize, borderColor);
}
//------------------------------------------------------------------------
override protected function dibuja():void
{
if (_fill == true)
{
this.graphics.beginFill(_bgColor);
}
if (_borderSize != 0)
{
this.graphics.lineStyle(_borderSize, _borderColor);
}
var radio:uint = Math.round(_size / 2);
this.graphics.drawCircle(radio, radio, radio);
if (_fill == true)
{
this.graphics.endFill();
}
}
//------------------------------------------------------------------------
}
}

A partir de aquí iremos creando tantas clases como gráficos diferentes nos interese dibujar, incluso podemos extender estas subclases en otras subclases, por ejemplo para crear objetos más complejos pero que su base sea un cuadrado o un circulo.

Comparte:

AdobeTV: Videotutorial de creacion de componentes en Flex

admin — Fri, 16 Jan 2009 03:24:00 +0000

Videotutorial "Creating New Components in Flex 3" por Deepa Subramaniam

Comparte:

Modificar datos en componentes Flex con ItemEditors

admin — Thu, 31 Jul 2008 01:10:30 +0000

En este tip, siguiendo un poco el ejemplo visto en el tip anterior, mostraré el uso de itemRenderes e itemEditors para mostrar y editar datos dentro de componentes basados en listas, como el componente List, el DataGrid o el TileList...

Como se vió en el tip anterior los itemRenderer (y los itemEditors) nos permiten incrustar otros componentes Flex dentro de los listados de los componentes basados en listas, para poder mostrar la información de manera más compleja. Pudiendo de esta manara mostrar imágenes dentro de un DataGrid o fichas de productos dentro de un TileList.

Hay muchos casos en que esta información mostrada en los componentes nos interesa que sea modificable. Por ejemplo, siguiendo el ejemplo anterior, imaginemos que tenemos un DataGrid que nos muestra un listado de usuarios y su nivel de ClabLevel. El código básico para visualizar este componente sería el siguiente:

horizontalCenter="0" verticalCenter="0"
width="200" height="200"
dataProvider="{listado}">

"Claber" dataField="label"/>
"Clablevel" dataField="level">

Este sería el resultado:

Para nuestro ejemplo lo que nos interesa es que estos valores de ClabLevel sean modificables. Para poder realzar esta función únicamente deberemos añadirle a las propiedades del DataGrid la opción de "editable".

horizontalCenter="0" verticalCenter="0"
width="200" height="200"
dataProvider="{listado}"
editable="true">

Con solo realizar esta acción tendremos la opción de dar doble-clic sobre los campos del DataGrid para modificar los valores.

Hay que tener en cuenta de que todas las columnas del DataGrid ahora son modificables. En el caso de que no queramos que alguna lo sea, por ejemplo la columna que muestra los nombres, deberemos añadir esa propiedad "editable" a la columna pero con valor false.

"Claber" dataField="label" editable="false"/>

Ahora bien, supongamos que nos interesa tener una opción contreta a la hora de modificar estos valores. Por ejemplo con un componente NumericStepper, para ir modificando estos valores uno a uno. De manera de que al hacer doble-clic para modificar ese valor numérico apareciese el componente que nos permitiera tener esa función:

Para hacer esto delegaremos la función de editaje a un componente NumericStepper a través de un itemEditor.

"Claber" dataField="label" editable="false"/>
"Clablevel" dataField="level" editorDataField="value">

"0" maximum="99999" stepSize="1"/>

Este es el resultado:

Visto esto, también hay que decir que con un ItemRenderer también podemos hacer que estos datos sean modificables. En este caso haremos que toda la columna de datos se visualicen con el componente NumericStepper indicando que este sea el itemRenderer para esa columna.

"Clablevel" dataField="level" rendererIsEditor="true" editorDataField="value">

"0" maximum="99999" stepSize="1"/>

Fijémonos que hemos añadido el parámetro rendererIsEditor para indicar que el componente añadido como itemRenderer funciona como editor, de manera que al modificar un valor con el componente NumericStepper en cualquiera de los registros este nuevo valor queda registrado.

Este es el código completo con el ItemEditor:

"1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml"
layout="absolute">

[CDATA[
]]>

"listado">
"Freddie" level="43458"/>
"Elecash" level="7289"/>
"_Conejo" level="7203"/>
"XKlibur" level="4713"/>
"Zguillez" level="4120"/>
"Eldervaz" level="3123"/>
"Mariux" level="2921"/>
"Zah" level="2906"/>
"Bleend" level="2016"/>
"Carmen Vivas" level="610"/>

horizontalCenter="0" verticalCenter="0"
width="200" height="200"
editable="true"
dataProvider="{listado}">

"Claber" dataField="label" editable="false"/>
"Clablevel" dataField="level" editorDataField="value">

"0" maximum="99999" stepSize="1"/>

Comparte:

Cómo personalizar los iconos en componentes Tree de Flex

admin — Thu, 31 Jul 2008 00:45:02 +0000

En este tip mostraré como podemos personalizar los iconos de las carpetas y de los objetos que se visualizan en un componente Tree en Flex.

Para empezar veremos que automáticamente Flex coloca unos iconos por defecto al visualizar un componente Tree. Un icono de carpete abierta o cerrada segun sea el caso, y una hoja de papel en blanco para los objetos:

Ahora veremos cómo podemos utilizar nuestros propios iconos.

Para este ejemplo he utilizado el siguiente dataProvider de base, que consta de un XMLList que coloca a los diferentes Claber en nodos según su grupo.

"listado">
"admin">
"Freddie" level="43458"/>

"Bofh">
"_Conejo" level="7203"/>
"Zguillez" level="4120"/>
"Mariux" level="2921"/>

"swat">
"Eldervaz" level="3123"/>
"Zah" level="2906"/>

"pda">
"XKlibur" level="4713"/>

"claber">
"Elecash" level="7289"/>
"Bleend" level="2016"/>
"Carmen Vivas" level="610"/>

Este XMLList añadido a un componente Tree daría el resultado estándar.

"listadoClabers"
horizontalCenter="0" verticalCenter="0"
width="200" height="200"
dataProvider="{listado}"
labelField="@name">

Para poder asignarle unos nuevos iconos al componente lo primero que hay que hacer es incorporar a la aplicación los archivos bitmap de los iconos e incluirlos como Clases. Para ello crearemos las variables dentro del tag , embederemos los bitmaps y haremos las variables Blindables.

[CDATA[
[Bindable]
[Embed(source="img/ico1.png")]
private var ico1:Class;

[Bindable]
[Embed(source="img/ico2.png")]
private var ico2:Class;

[Bindable]
[Embed(source="img/ico3.png")]
private var ico3:Class;
]]>

Ahora asignaremos estas clases que contienen los bitmaps a los iconos personalizados del componente. Para ello utilizaremos las propiedades del componente folderClosedIcon, folderOpenIcon, defaultLeafIcon para los diferentes casos.

"listadoClabers"
horizontalCenter="0" verticalCenter="0"
width="200" height="200"
dataProvider="{listado}"
labelField="@name"
folderClosedIcon="{ico1}"
folderOpenIcon="{ico2}"
defaultLeafIcon="{ico3}">

Solo con esto al publicar la aplicación ya hemos personalizado los iconos:

Ahora vamos a ver un caso algo más complejo, imaginemos que necesitamos un icono diferente para diferentes grupos de objetos, por ejemplo un icono para los clabers hombre y otro para las clabers mujeres. para realizar esto ya deberemos echar mano de actionscript.

lo primero será asignar una función que controlará los iconos el componente. Si realizamos esta acción podemos eliminar las propiedades de iconos personalizados ya que esos valores se sobreescribirán con los de la función actionscript. En este caso crearemos una función llamada setGeneroIcon.

"listadoClabers"
horizontalCenter="0" verticalCenter="0"
width="200" height="200"
dataProvider="{listado}"
labelField="@name"
iconFunction="setGeneroIcon">

Ahora bien, para conseguir el mismo efecto de iconos de carpeta abierta y cerrada, y el nuevo icono diferenciado segun el genero del claber, deberemos modificar un poco el XMLList, añadiéndole unos parámetros a los nodos. Añadiremos un parametro que nos indique que el nodo en cuestión es una carpeta (folder="true"), y añadiremos un parámetro a los nodos de los clabers que nos indique su genero (genero="M" o genero="F").

"listado">
"admin" folder="true">
"Freddie" level="43458" genero="M"/>

"Both" folder="true">
"_Conejo" level="7203" genero="M"/>
"Zguillez" level="4120" genero="M"/>
"Mariux" level="2921" genero="F"/>

"swat" folder="true">
"Eldervaz" level="3123" genero="M"/>
"Zah" level="2906" genero="M"/>

"pda" folder="true">
"XKlibur" level="4713" genero="F"/>

"claber" folder="true">
"Elecash" level="7289" genero="M"/>
"Bleend" level="2016" genero="M"/>
"Carmen Vivas" level="610" genero="F"/>

Ahora toca crear la función que asigne los iconos según corresponda.

Empezaremos por los iconos de carpeta abierta o cerrada. Para ello realizaremos una comprobación según si el nodo corresponde a una carpeta, y en tal caso realizaremos una segunda comprobación según si la carpeta está abierta o cerrada (isItemOpen).

private function setGeneroIcon(i:Object):Class
{
var isFolder:String = String(i.@folder);
if (isFolder == "true")
{
if (listadoClabers.isItemOpen(i))
{
return ico2;
}
else
{
return ico1;
}
}

En caso de no tratarse de una carpeta realizaremos la comprobación de la propiedad genero de los nodos y según sea uno u otro colocaremos el icono que le corresponda.

else
{
var genero:String = String(i.@genero);
if (genero == "M")
{
return ico3;
}
else if (genero == "F")
{
return ico4;
}
else
{
return null;
}
}
}
]]>

NOTA: el icono ico4 es un icono nuevo para los clabers mujeres que deberemos haber creado de la misma manera que los vistos anteriormente.

Este es el resultado:

Este es el código completo y el swf funcional:

"1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml" layout="absolute">

[Bindable]
[Embed(source="img/ico4.png")]
private var ico4:Class;

private function setGeneroIcon(i:Object):Class
{
var isFolder:String = String(i.@folder);
if (isFolder == "true")
{
if (listadoClabers.isItemOpen(i))
{
return ico2;
}
else
{
return ico1;
}
}
else
{
var genero:String = String(i.@genero);
if (genero == "M")
{
return ico3;
}
else if (genero == "F")
{
return ico4;
}
else
{
return null;
}
}
}
]]>

"listado">
"admin" folder="true">
"Freddie" level="43458" genero="M"/>

"Both" folder="true">
"_Conejo" level="7203" genero="M"/>
"Zguillez" level="4120" genero="M"/>
"Mariux" level="2921" genero="F"/>

"swat" folder="true">
"Eldervaz" level="3123" genero="M"/>
"Zah" level="2906" genero="M"/>

"pda" folder="true">
"XKlibur" level="4713" genero="F"/>

"claber" folder="true">
"Elecash" level="7289" genero="M"/>
"Bleend" level="2016" genero="M"/>
"Carmen Vivas" level="610" genero="F"/>

"listadoClabers"
horizontalCenter="0" verticalCenter="0"
width="200" height="200"
dataProvider="{listado}"
labelField="@name"
folderClosedIcon="{ico1}"
folderOpenIcon="{ico2}"
defaultLeafIcon="{ico3}"
iconFunction="setGeneroIcon">

Comparte:

Cómo mostrar tooltips dentro de componentes List de Flex

admin — Thu, 31 Jul 2008 00:13:13 +0000

Este es un tip muy sencillito que consiste en cómo añadir tooltips a cada uno de los elementos de un componente List en Flex.

Primero de todo supongamos que tenemos un compomente list en nuestra aplicación que nos muestra un listado. En este caso tenemos un listado de usuarios de Clab dentro de un Array registrando el nombre y el clablevel.

"listado"
horizontalCenter="0" verticalCenter="0"
width="200" height="200">

"Freddie" level="43458"/>
"Elecash" level="7289"/>
"_Conejo" level="7203"/>
"XKlibur" level="4713"/>
"Zguillez" level="4120"/>
"Eldervaz" level="3123"/>
"Mariux" level="2921"/>
"Zah" level="2906"/>
"Bleend" level="2016"/>
"Carmen Vivas" level="610"/>

En este punto el componente List nos muestra los nombres que corresponden al parámetro "label" de los objetos del Array.

Ahora queremos que al pasar el cursor sobre los nombres nos muestre el valor del parámetro "level" a modo de tooltip. Para realizar esto añadiremos el parámetro showDataTips y showDataTips al componente List..

"listado"
horizontalCenter="0"
verticalCenter="0"
width="200" height="200"
showDataTips="true"
dataTipFunction="showTip">

La función showTip asignada al parámetro dataTipFunction es la definirá el contenido del tooltip a mostrar según cada objeto del Array.

[CDATA[
public function showTip(i:Object):String
{
return i.level;
}
]]>

Este es el resultado:

El inconveniente de este sistema es que el tooltip se situa sobre la misma linea del item al que se le hace rollover. Si no nos interesa esto y queremos que el tooltip quede situado al lado del cursor deberemos utilizar otro sistema, la clase ToolTipManager.

Para utilizar la clase ToolTipManager tendremos que utilizar un itemRenderer que sea el que muestre los elementos del componente List.

Este será nuestro itemRenderer, un simple label:

"{data.label}" toolTip="{data.level}"/>

Aqui directamente definimos el tooltip directamente al Label, visualizándose directamente para todos los elementos del listado. Permitiendonos utilizar todas las caráteristicas que nos permite la clase ToolTipManager. En este caso eliminaremos la función showTip ya que aqui no la estamos utilizando.

Los códigos completos de las dos versiones serían estos:

"1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml" layout="absolute">

[CDATA[
public function showTip(i:Object):String
{
return i.level;
}
]]>

"listado"
horizontalCenter="0"
verticalCenter="0"
width="200" height="200"
showDataTips="true"
dataTipFunction="showTip">

"Freddie" level="43458"/>
"Elecash" level="7289"/>
"_Conejo" level="7203"/>
"XKlibur" level="4713"/>
"Zguillez" level="4120"/>
"Eldervaz" level="3123"/>
"Mariux" level="2921"/>
"Zah" level="2906"/>
"Bleend" level="2016"/>
"Carmen Vivas" level="610"/>

"1.0" encoding="utf-8"?>
"http://www.adobe.com/2006/mxml" layout="absolute">

"listado"
horizontalCenter="0"
verticalCenter="0"
width="200" height="200">

"{data.label}" toolTip="{data.level}"/>

"Freddie" level="43458"/>
"Elecash" level="7289"/>
"_Conejo" level="7203"/>
"XKlibur" level="4713"/>
"Zguillez" level="4120"/>
"Eldervaz" level="3123"/>
"Mariux" level="2921"/>
"Zah" level="2906"/>
"Bleend" level="2016"/>
"Carmen Vivas" level="610"/>

Comparte:

Añadir funciones al teclado con Actionscript 3

admin — Mon, 21 Apr 2008 22:50:06 +0000

Esta es una sencilla clase que nos permitirá de forma fácil añadir la ejecución de una función al presionar una determinada tecla del teclado.

para ello crearemos una clase "Teclado" y la colocaremos en nuestro package de clases de actionscript 3.

La clase la extenderemos de EventDispatcher para poder lanzar eventos desde ella, y la escribiremos siguiendo un patrón Singleton ya que solo nos interesa tener un único controlador del teclado y queremos tener acceso global a él.

package com.zguillez.events
{
public class Teclado extends EventDispatcher
{
public static var _instancia:Teclado;
//-------------------------------------------
public function Teclado(s:Singleton,clip) {}
//-------------------------------------------
public static function getInstancia(clip:MovieClip):Teclado
{
if (_instancia == null)
{
_instancia = new Teclado(new Singleton(),clip);
}
return _instancia;
}
//-------------------------------------------
}
}
//-----------------------------------------
class Singleton {}

En la función getInstancia que es la que nos creará la instancia de la clase y nos dará acceso global a ella le pasaremos como parámetro el clip al que asignaremos el listener para el teclado. Ese clip lo registraremos en el constructor de la clase de igual manera que crearemos dos arrays uno para guardar las teclas a las que hemos asignado una función y otro para guardar referencia a esas funciones.

public function Teclado(s:Singleton,clip)
{
_clip = clip;
_funciones = new Array();
_teclas = new Array();
_clip.stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
}

Ahora crearemos una función publica con la que registraremos las teclas con sus respectivas funciones a ejecutar.

public function addTecla(n:uint, f:Function):void
{
_teclas.push(n);
_funciones.push(f);
}

Solo nos queda escribir la función onKeyDown que es la que se ejecuará al presionar una tecla del teclado. Esta función comprobará si la tecla presionada está dentro de la lista de teclas con una función asignada, y de ser así ejecutará dicha función.

private function onKeyDown(tecla:KeyboardEvent):void
{
var total:uint = _teclas.length
if (total> 0) {
for (var i:uint = 0; i <total ; i++) {
if (tecla.keyCode == _teclas[i])
{
_funciones[i](tecla.keyCode);
}
}
}
_tecla = tecla.keyCode;
dispatchEvent(new Event(Teclado.KEY_PRESS));
}

De más a más, Le añadiremos un dispatchEvent por si nos interesase detectar desde fuera de la clase el hecho de haber presionado una tecla. En la variable _tecla guaremos referncia del código de la última tecla presionada para acceder a ella al escuchar el dispatch. Deberemos crearnos un getter para esa variable.

Para utilizar esta clase, en nuestra pelicula FLA colocaremos esto:

import com.zguillez.events.Teclado;

var teclado:Teclado = Teclado.getInstancia(this);
teclado.addTecla(70,traceTecla);
teclado.addTecla(71,traceTecla);
teclado.addTecla(72,traceTecla);

function traceTecla(keycode)
{
trace("Presioné la tecla " + keycode);
}

Con esto haremos que al presionar la tecla con los keyCodes 70, 71 y 72 (las teclas F,G y H) se ejecute la función traceTecla (aunque podíamos haber asignado una función diferente a cada tecla).

Hay que fijarse que las funciones que queramos asignar han de recibir como parámetro el keyCode de la tecla (esto lo podemos omitir al ejecutar la función desde la clase, pero siempre va bien saber el keyCode que te ejecuta la función, sobretodo en funciones que son ejecutadas por varias teclas como en este caso).

Así que la clase completa queda asi:

package com.zguillez.events
{
import flash.display.Stage;
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.KeyboardEvent;
import flash.events.EventDispatcher;
//-------------------------------------------
public class Teclado extends EventDispatcher
{
public static var _instancia:Teclado;
public static var KEY_PRESS:String = "onKeyPress";
private var _clip:MovieClip;
private var _funciones:Array;
private var _teclas:Array;
private var _tecla:uint;
//-------------------------------------------
public function Teclado(s:Singleton,clip)
{
_clip = clip;
_funciones = new Array();
_teclas = new Array();
_clip.stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
}
//-------------------------------------------
public static function getInstancia(clip:MovieClip):Teclado
{
if (_instancia == null) {
_instancia = new Teclado(new Singleton(),clip);
}
return _instancia;
}
//-----------------------------------------
public function addTecla(n:uint, f:Function):void
{
_teclas.push(n);
_funciones.push(f);
}
//-------------------------------------------
private function onKeyDown(tecla:KeyboardEvent):void
{
var total:uint = _teclas.length
if (total> 0) {
for (var i:uint = 0; i <total ; i++) {
if (tecla.keyCode == _teclas[i])
{
_funciones[i](tecla.keyCode);
}
}
}
_tecla = tecla.keyCode;
dispatchEvent(new Event(Teclado.KEY_PRESS));
}
//-------------------------------------------
public function get tecla():uint
{
return _tecla;
}
//-------------------------------------------
}
}
//-----------------------------------------
class Singleton
{
}

Comparte:

Manejo de MovieClips con ActionScript 3

admin — Fri, 25 May 2007 16:41:06 +0000

Este es un Tip muy sencillo pero que trae de cabeza a la gente que empieza con ActionScript 3, así que lo escribo para intentar aclarar un poco cuál es el sistema de añadir a nuestra película MovieClips que estén situados dentro de nuestra biblioteca y empezar a montar nuestra película.

Como ya se dijo en otro tip, el sistema de añadir elementos de la biblioteca a cambiado en AS3. Ahora attachMovie no funciona, añadimos los clips con addChild y para realizar este proceso hemos de crear una clase para cada clip que queramos añadir.

Este es el proceso a seguir:

Primero crearemos el MovieClip y lo tendremos en la biblioteca.

Abriremos las propiedades del MovieClip y en las opciones de linkage seleccionaremos "exportar para actionscrip" y le daremos un nombre para la clase.

Como podemos ver, ahora en AS3 hemos de vincular el MovieClip a una clase, NO darle un nombre de identificador como hacíamos en AS2.

NOTA: Si intentásemos añadir un nombre de identificador al MovieClip no aparecería una advertencia indicándonos que ese proceso solo es para AS2 y nos preguntara si queremos cambiar las opciones de publicación.

Ahora para añadir este MovieClip a nuestra película hemos de crear una instancia de esa clase

var clip1:clipA = new clipA();

Y la situaremos en el stage con addChild

var clip1:clipA = new clipA();
clip1.x = 100;
clip1.y = 100;
addChild(clip1);

Y listo!

Ahora si quisiésemos añadirle algún tipo de interactividad a este MovieClip, como por ejemplo añadirle un evento de click, no colocaríamos el código en el .fla cómo haríamos en AS1 o AS2 sino que crearemos un archivo .as con el nombre de la clase que le indicamos al MovieClip y ahí escribiremos todo el código necesario para manejar este MovieClip.

package
{
import flash.display.MovieClip;
import flash.events.MouseEvent;
//
public class clipA extends MovieClip
{
public function clipA()
{
addEventListener(MouseEvent.MOUSE_DOWN, mouse_down);
}
private function mouse_down(event:MouseEvent):void
{
trace("CLICK!");
}
}
}

En AS3 es recomendable trabajar con clases y colocar el menos código posible sobre la línea de tiempo con lo que este código lo podíamos meter dentro de una clase Main.as

package
{
import flash.display.MovieClip;
//
public class Main extends MovieClip
{
private var _root:MovieClip;
private var clip1:clipA = new clipA();
//
public function Main(ruta:MovieClip)
{
_root = ruta;
//
clip1.x = 100;
clip1.y = 100;
_root.addChild(clip1);
}
}
}

Al constructor de la clase le pasaremos como parámetro la ruta de la línea de tiempo principal (el _root).

Este sería el único código de nuestro .fla

var _root:Main = new Main(this);

Esta clase Main también la podíamos haber instanciado desde el panel de propiedades de la película

De esta manera no es necesario introducir ningún código dentro de nuestro .fla, y tampoco es necesario pararle ningún parámetro ya que en este caso el this ya hace referencia a la línea de tiempo principal, por lo que la clase Main quedaría así:

package
{
import flash.display.MovieClip;
//
public class Main extends MovieClip
{
private var _root:MovieClip;
private var clip1:clipA = new clipA();
//
public function Main()
{
_root = this;
//
clip1.x = 100;
clip1.y = 100;
_root.addChild(clip1);
}
}
}

A partir de aquí iremos ampliando la clase Main y iremos añadiendo más clases y subclases para construir nuestra película.

Espero haber aclarado alguna duda

Comparte: