MuelaLab Blog

Componente CheckBox

January 15th, 2010 by Muela

Buenas!... bueno aqui dejando un tutorial mas!.. Esta ves se trata sobre el componente "CheckBox", que es muy utilizado, sin embargo no habiamos hablado de el..
Con los CheckBox, podemos por ejemplo, dar una lista de "opciones" y dar al usuario la opcion de escojer lo que el quiera..
Para aprender a utilizarlos vamos a realizar el siguiente ejemplo:

This movie requires Flash Player 8

Como ven, en este ejemplo les doy una lista de productos, con su precios y tu como usuario puedes seleecionar los productos q deses y al precionar pagar te da el precio total a pagar..
Bueno pues empecemos:
Abrimos un Nuevo Documento en Flash, y vamos a prepar los obejtos, empesaremos colocando los CheckBox, para esto abrimos los componentes (Ctrl+F7) o en Ventana->Componentes...
Una ves ahi arrastraremos el componente "CheckBox" al escenario, ahora nos aparecera en la biblioteca (Ctrl+L) y en el escenario..
Vamos a seleccionarlo en el escenario y en el panel de propiedades (Ctrl+F3), cambiaremos el nombre de instancia a "c0".
Ahora abrimos el "inspector de componentes" (Mayus+F7) o Ventana->Inspector de componentes, y en la pestaña parametros, tenemos 3 valores, el primero es "Value" este es el texto que mostrara, aqui colocaremos "Manzana - $10", luego tenemos "LabelPlacement", esto es la pocicion del texto, en mi caso la tengo a la derecha (right) y por ultimo tenemos "selected" este nos permite mostrar el checkbox selecionado o no seleccionado al inicio. Lo dejamos en False.

Bueno ya tenemos un checkbox listo, ahora lo seleccionamos y copiamos, y pegamos XD!, para tener 4 en el escenario, a cda uno hagan el proceso de cambiar el "Value" en lso parametros por lo q gusten.. y cambiar el nombre de instancia a "c1","c2","c3" (es decir cada checkbox tendra el nombre de instancia diferente, por el numero, asi tendremos del c0 al c3)

Listo!? Bueno ya casi acabamos ee! Ahoracreamos un boton, para el ejemplo no tiene q ser bonito XD!, dibujan un rectangulo, lo seleccionan y precionan F8, ahi seleccionan tipo "boton" y dan aceptar... seleccionan el boton y en el panel de propeidades (Ctrl+F3) le ponen como nombre de instancia "miboton".. Ahora creamos un campo de texto, y en el panel de propeidades lo cambiamos aa tipo "dinamico" y ponemso como nombre de instancia "total".

Ahora si, veremos el codigo.. Seleccionamos el primer frame de nustra pelicula y en el panel de acciones (Ctrl+F3) escribimos el siguiente codigo:

precios=[10,8,12,15];
miboton.onRelease=function(){
precio=0;
for(a=0;a<=3;a++){
box=eval("c"+a);
if(box.selected==true){
precio+=precios[a];}}
total.text="$"+precio;}

Explicacion: Creamosun array "precios", con los precios que queramos (podria ser palabras o frases en caso de algun otro tipo de lista), estos valores corresponden a los checkbox, el 10 corresponde al c0, el 8 al c1 y asi respectivamente...
Luego se crea una funcion que

Posted in Flash General, ActionScript | 1 Comentario »

LocalConnection - Conexion entre swf distintos.

December 22nd, 2009 by Muela

Bienvenidos!.. bueno aqui dejando un tutorial mas... me tarde un poco por que e estado haciendo la web nueva (q porcierto no e terminado lol) y pues ay saben ya es epoca de posadas y descasar =P xD...
Bueno esta ves sera sbore localConnection, es una clase que nos permite enviar instrucciones/datos entre distintos swf.
Su uso podria ser en una pagina desarrollada en HTML, donde posiblemente pueda haber un menu en flash y talves algun banner... podria ser cualquier cosa, y neesiatmos comunicar esos swf distintos.

En realidad su uso es muy sencillo.. y pues aqui les dejo un ejemplo:
envia_lc

This movie requires Flash Player 8

recibe_lc

This movie requires Flash Player 8
Descarga Los Archivos

Empesemos, vamos a crear dos nuevos documentos FLA que usaremos para enviar datos y otro para recibirlos (igualmente se pueden enviar y recibir datos en el mismo swf).
Primero haremos el enviar datos (envia_lc).
Seleecionamos el primer frame de este fla, y en el panel de acciones (F9), escribimos el siguiente codigo:

_root.envia_lc = new LocalConnection();
_root.envia_lc.send("recibe_lc","mostrar", "Texto que enviaremos");

Explicacion: mas que sencillo xd... creamos una variable en el _root (linea de tiempo principal) que llamamos "envia_lc" y en esta variable creamos una nueva clase localConnection. Luego en la segunda linea, usamos el metodo send (enviar) sobre la variable "envia_lc" de localConnection, que nos pide 3 parametros. Nos pide el nombre de la conexion que debe buscar (recibe_lc) que esta la crearemos en el otro archivo fla, luego nos pide la funcion que se ejecutara ("mostrar") y por ultimo un tercer parametro que sera opcional "Texto que enviaremos", y es un dato que recivira la funcion "mostrar"...

Bueno eso seria todo en el archivo envia_lc, ahora crearemos el archivo "recibe_lc"
En este archivo fla, crearemos la conexion que sera la que busca el archivo "envia_lc", Primer en el primer frame creamos un campo de texto de tipo dinamico que llamaremos "texto_txt", luego seleccionamos el primer frame y en el panel de acciones (F9) escribimos le sigueitne codigo:

recibe_lc = new LocalConnection();
recibe_lc.mostrar = function(datos){
_root.texto_txt.text=datos;}
recibe_lc.connect("recibe_lc");

Explicacion: se crea uan variable "recibe_lc" de tipo localConnection... ahora a esta variable le asignamos una funcion "mostrar" (que es la funcion que mandamos ejecutar en el archivo "envia_lc", como ven este funcion va a recibir "datos" (que es el tercer parametro del archivo "envia_lc"), y la accion que ejecuta esta funcion es mostrar "datos" en el campo de texto "texto_txt".
Por ultimo se realiza la conexion, con el metodo "connect" que nos pide un nombre para la conexion que en este caso le puse "recibe_lc" (este es el que debe ir en el primer parametro de la funcion "envia_lc")..

Y como ven ya todo quedo enlazado, ahora abrimso ambos (Ctrl+Enter) y veremos que el texto se envia y se muestra en "recibe_lc".. (Ahi que abrir primero el archivo "recibe_lc")
Por ultimo pra que funcione con botones, es simplemente colocando el metodo send, del archivo "envia_lc" dentro de las acciones de un boton, pro ejemplo asi:

on(release){
_root.envia_lc.send("recibe_lc","mostrar", "Datos a enviar");}

Se puede enviar tantos datos como queramos, si quedan con dudas pues saben que siempre les dejo el codigo fuente, descarguenlo y revisenlo... :)
Espero les sea de ayuda! y pues sigan visitandonos!
Felizes Dias! ^^

Posted in ActionScript | Sin Comentarios »

Mostrar Pantalla Completa

November 28th, 2009 by Muela

Buenas! bueno ahora veremos como mostrar nuestro flash en pantalla completa! (fullscreen).. esto es muy usado para juegos, videos y presentanciones principalmente.
En si es muy sencillo, 0 complicaciones.
Para acceder a el modo de pantalla se utiliza la propiedad "displayState" del evento Stage.. y en esta misma es oslo asignar si queremos que este en modo "normal" o "fullscreen".
Ademas ahi que ajustar la "Scala" del swf a sin escala... pra que pueda cambiar de tamaño, esto se hace con la propiedad scaleMode..

 

Descarga Los Archivos

Bueno el codigo es sencillo, se coloca en la linea de tiempo principal, y es el siguiente:

Stage.scaleMode="noScale";
function cambiar(){
if(Stage.displayState=="normal"){
Stage.displayState="fullScreen";
}else{Stage.displayState="normal";}}

Explicacion: Bueno primero como les decia ajustamos la escala del escenario a "noScale" (sin escala), luego tenemos funcion que llamamos "cambiar" en esta ahi una condicion, SI se esta visualizando (Stage.displayState) es Igual a "normal", entonces lo cambia a "fullscreen" (pantalla completa), SI NO (else) entonces lo cambia la pantalla a "normal"

Entonces para cambiar la pantalla solo debemos llamr a la funcion, pra esto por ejemplo desde un boton la llamariamos de esta forma:

on(release){
_root.cambiar();}

Aqui simplemente llamamos a la funcion, que se encarga de cambiar la vista de pantalla..
Por utlimo deben ajustar una opcion en el flash, dan click en el Escenario y se van al panel de propiedades (Ctrl+F3) ahi seleccionan cinfiguracion, y en la pestaña HTML, cambian el valor de "Dimensiones" a porcentajae y los porcentajes los ponen en 100% ambos...

Esto seria todo ahora pueden probar su swf (tienen que probarlo desde la PC o en la web) y listo deberia funcionar!..
Espero les ayude! y nos estamos viendo! Suerte ^^!!

Posted in ActionScript | 2 Comentarios »

Efecto Maquina De Escribir

November 26th, 2009 by Muela

Buenas buenas! vamos a ver como hacer un efecto de maquina de escribir.. este es un tutorial bastante sencillo.. pero practicamente con AS.
El fecto se vera de esta manera:

Empecemos pues, abrimos un nuevo documento de flash (usaremos AS2), en el primer frame dibujaremos un cuadro de texto, lo seleccionamos y en el panel de propiedades (Ctrl + F3) lo configuramos de la sigueitne forma: texto dinamico, Multilinea y nombre de instancia "texto".

Listo! ahora seleccionamos denuevo el primer frame y copiamos el siguiente codigo (son las funciones que haran la escritura):

function escribir(){
if(a<_root.mensaje.length){
texto.text = _root.mensaje.substring(0, a);
a++;
}else{
clearInterval(inter1);
texto.text=_root.mensaje;
}}
function reiniciar(){
clearInterval(inter1);
a=1;
inter1=setInterval(escribir,85);}
//Modo De Uso
mensaje="www.muelalab.com, preciona Texto1 o Texto2.";
reiniciar();

Explicacion:
Linea 2-4: Tenemos una variable "a" que iniciara siempre en 0 y mensaje sera la variable que contenga nuestro mensaje.
Se hace una comparacion, si! a es menor que el tamaño de nuestro mensaje (.lenght -> nos da el tamaño del mensaje) entonces modificara el valro de neusto campo de texto "texto" y escribira en el parte del mensaje. con substring "arrancamos" una parte del mensaje desde 0 hasta a.
por ejemplo si tenemos mensaje="hola" y hacemos mensaje.substring(0,2), el resultado sera "ho". Y eso seria lo que mostraremos.

Posted in ActionScript | 1 Comentario »

« Pagina Anterior