Artículos con la etiqueta 'Tutoriales'


Clase StageExt: películas flash de tamaño variable

La técnica de tamaño natural (salón de pantalla completa - de los cuales más tarde) era, hasta hace poco, se utilizan principalmente en aplicaciones Flash (RIA), lo hizo por una interfaz de usuario más o menos complejas, donde el contenedor (Adobe AIR , navegador o reproductor independiente) escalado por el usuario, obligando a un reposicionamiento de los objetos que componen la película. La reducción del tamaño del envase, obviamente, sigue una función de dibujo, o actualizar MovieClip puede cambiar la posición o el rediseño de la interfaz de tiempo de ejecución para el nuevo tamaño del contenedor. Hoy en día esta técnica también se utiliza en sitios web más avanzados o interfaz articulado, rendondo muy piadoso atractivo. La implementación de esta técnica es bastante simple y, en sustancia, el objeto de Flash Etapa nativos e introducidos con la versión MX. Para su ejecución que aquí hay una clase que permite obtener las coordenadas de la Stage :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/ **
*
* @ StageExt.as Archivo
* @ Autor Giovambattista Fazioli (@ g.fazioli undolog.com)
* @ Web http://www.undolog.com
* @ @ Email g.fazioli undolog.com
* /
{Clase StageExt
/ / Liberar
__release : String = "1.0" ; var __release privado: Cadena = "1.0";
/ / Propiedades
__movieWidth : Number = 0 ; var __movieWidth privado: Número = 0;
__movieHeight : Number = 0 ; var __movieHeight privado: Número = 0;
__left : Number = 0 ; var __left privado: Número = 0;
__right : Number = 0 ; var privado __right: Número = 0;
__top : Number = 0 ; var __top privado: Número = 0;
__bottom : Number = 23 ; var __bottom privado: Número = 23;
/ /
w : Number , h : Number ) { StageExt función (w: Número , h: Número ) {
"StageExt::constructor" ) ; trace ("StageExt:: constructor");
/ /
__movieWidth = w;
__movieHeight = h;
/ /
addListener ( this ) ; Pasantías addListener (este).;
}
/ **
* OnResize () evento
* /
onResize ( ) { onResize función privada () {
"StageExt::onResize " + Stage . width + ", " + Stage . height ) ; trace ("StageExt: onResize" + Etapa . ancho + "" + Etapa . de altura);
/ /
Number = Math . round ( Stage . width ) ; var sw: Número = Matemáticas y vuelta (. Etapa de ancho.)
Number = Math . round ( Stage . height ) ; var SH: Número = Matemáticas y vuelta (. Etapa de altura.)
Number = Math . round ( this . __movieWidth ) ; ow var: Número = Matemáticas . ronda (this. __movieWidth);
Number = Math . round ( this . __movieHeight ) ; Oh var: Número = Matemáticas ronda (this. __movieHeight).

/ / La coordenada x (arriba a la izquierda)

__left = - Math . floor ( ( ( sw - ow ) / 2 ) ) ; . esta __left = - Matemáticas . piso (((sw - ow) / 2));
__top = - Math . floor ( ( ( sh - oh ) / 2 ) ) ; . esta __top = - Matemáticas . piso (((sh - h) / 2));

/ / La coordenada x (parte superior derecha)

__right = Math . round ( ( sw + ow ) / 2 ) ; . esta __right = Matemáticas . round ((sw ow +) / 2);

/ / La coordenada y (abajo)

__bottom = Math . round ( ( sh + oh ) / 2 ) ; . esta __bottom = Matemáticas . round ((SH + S) / 2);
}
/ **
* Actualizar ()
* /
Refresh ( ) { public function actualizar () {
onResize ();
}
/ **
* Izquierda - se
* /
get Left ( ) : Number { public function get izquierda (): Número {
__left ) ; retorno (__left);
}
/ **
Arriba * - se
* /
get Top ( ) : Number { public function get Arriba (): Número {
__top ) ; retorno (__top);
}
/ **
* Derecho - se
* /
get Right ( ) : Number { public function get derecha (): Número {
__right ) ; retorno (__right);
}
/ **
* Fondo - se
* /
get Bottom ( ) : Number { public function get Abajo (): Número {
__bottom ) ; retorno (__bottom);
}
/ **
* MovieWidth - get / set
* /
get MovieWidth ( ) : Number { Función pública MovieWidth get (): Número {
__movieWidth ) ; retorno (__movieWidth);
}
set MovieWidth ( v : Number ) { MovieWidth conjunto de la función pública (v: Número ) {
__movieWidth = v;
}
/ **
* MovieHeight - get / set
* /
get MovieHeight ( ) : Number { Función pública MovieHeight get (): Número {
__movieHeight ) ; retorno (__movieHeight);
}
set MovieHeight ( v : Number ) { Conjunto MovieHeight función pública (v: Número ) {
__movieHeight = v;
}
}

Continuación ...

Cómo lo hice: Flash escribe una cuenta atrás

Para la serie "How I Did It" (o como yo) aquí es cómo hacer una cuenta atrás para mostrar Flash, empezando por una fecha, ¿qué días, horas, minutos y segundos que faltan un evento! La película de Flash a continuación, por ejemplo, ver la cantidad de días durante el primer año! Se pueden utilizar los menús desplegables para seleccionar una fecha diferente:

Cargando flash ...

Creamos tres day_cmb combo, month_cmb year_cmb, y prepararlos:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/ / Combo de inicialización
controls . ComboBox ; . importar mx controles ComboBox.;
/ /
var i = 1 ; i < 32 ; i ++ ) { for (var i = 1, i <32; i + +) {
i , i ) ; . day_cmb addItem (i, i);
}

var i = 0 ; i < 12 ; i ++ ) { for (var i = 0; i <12; i + +) {
sm [ i ] , i ) ; month_cmb addItem (sm [i], i).;
}
/ / A partir de hoy ... Yo
var i = 2007 ; i < 2020 ; i ++ ) { for (var i = 2007; i <2020; i + +) {
i , i ) ; . year_cmb addItem (i, i);
}
/ / Establecer la fecha de 01 de enero 2008
; // -1 day_cmb selectedIndex = 0;. / / -1
; // -1 month_cmb selectedIndex = 0;. / / -1
; year_cmb selectedIndex = 1.;

El corazón del sistema colocamos el evento onEnterFrame:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
onEnterFrame = function ( ) { este onEnterFrame. = function () {
/ /
Date = new Date ( ) ; var hoy: Date = new Date ();
getFullYear ( ) ; var hoy = CurrentY getFullYear ().;
getTime ( ) ; var hoy = horaActual getTime ().;
/ /

getTime ( ) ; . targetTime var = TARGETDIR getTime ();
/ /
currentTime ; var = targetTime TimeLeft - horaActual;
/ /
. floor ( timeLeft / 1000 ) ; var s = Matemáticas . piso (TimeLeft / 1000);
= Math . floor ( sec / 60 ) ; var min = Matemáticas suelo (seg / 60).;
. floor ( min / 60 ) ; horas var = Matemáticas . piso (min / 60);
. floor ( hrs / 24 ) ; día var = Matemáticas . piso (hrs / 24);
/ /
sec % 60 ) ; sec = cadena (% s 60);
length < 2 ) ? "0" + sec : sec ; sec = (sec. longitud <2) "0" + s: s;
/ /
( min % 60 ) ; min = cadena (% min 60);
min . length < 2 ) ? "0" + min : min ; = Min (min. longitud <2) "0" + min: min;
/ /
hrs % 24 ) ; hrs = cadena (% 24 hrs);
length < 2 ) ? "0" + hrs : hrs ; ? min = (hrs. longitud <2) "0" + hs: min;
/ /
days ) ; días = cadena (días);
length < 2 ) ? "0" + days : days ; ? = Día (days. longitud <2) "0" + días: días;
/ /
String = days + ":" + hrs + ":" + min + ":" + sec ; var contador: cadena = día + "" + horas + ":" + minutos + ":" + s;
/ /
= counter ; time_txt text = contador.;
};

Continuación ...

DatePicker con Prototype y Scriptaculous

imagen Un interesante y útil biblioteca Javascript basado en el acoplamiento Prototype y Scriptaculous le permite añadir la función de DatePicker (componente presente en ActionScript / Flash) en la entrada de texto HTML normal.

Su característica discreta (no intrusiva) hace que sea una herramienta ideal para ampliar la funcionalidad de un sitio que ha sido previamente establecido. Para activar la DatePicker sólo tiene que añadir la clase "fechas" en nuestra etiqueta de entrada. En Javascript se puede establecer un número de parámetros que incluyen el apoyo abrumador de la lengua italiana.

He aquí un extracto de ejemplos de código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
"text/javascript" src = "/prototype.js" >< / script > < script de type = "text / javascript" src = "/ prototype.js"> </ script de >
"text/javascript" src = "/scriptaculous.js" >< / script > < script de type = "text / javascript" src = "/ scriptaculous.js"> </ script de >
"text/javascript" src = "/datepicker.js" >< / script > < script de type = "text / javascript" src = "/ datepicker.js"> </ script de >
"text/css" > < estilo type = "text / css">
@ Import ("/ css / datepicker.css");
</ estilo >
< forma >
"text" id = "date-from" name = "date-from" / > < entrada type = "text" id = "fecha-de" name = "fecha desde" />
</ formulario >
"text/javascript" > < script de type = "text / javascript">
dpck var = new DatePicker ({
en: "la fecha-de",
idioma: 'en'
});
</ script de >

Continuación ...