Articles taggés avec des des tutoriels


Classe StageExt: films redimensionnables dans Flash

Le Fullsize technique (antichambre pour Plein écran - dont plus tard) était, jusqu'à récemment, principalement utilisé dans les applications Flash (RIA), a ensuite fait une interface utilisateur plus ou moins complexe, où le conteneur (Adobe AIR , navigateur ou votre lecteur autonome) à l'échelle par l'utilisateur, ce qui oblige à un repositionnement des objets qui composent le film. La réduction des effectifs du conteneur suit évidemment une fonction de dessin, ou Actualiser MovieClip peut repositionner ou reconcevoir l'interface d'exécution à la nouvelle taille du conteneur. Aujourd'hui, cette technique est également utilisée dans les sites Web les plus avancés, ou variée, logement extrêmement confortable rendondo interface attrayante. La mise en œuvre de cette technique est assez simple et utilise essentiellement indigènes et introduites avec l'objet Stage Flash MX version. Pour sa mise en œuvre ici est une classe qui permet d'obtenir les coordonnées 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
/ **
*
* Les StageExt.as fichier @
* @ Auteur Giovambattista Fazioli (g.fazioli @ undolog.com)
* @ Web http://www.undolog.com
* @ @ Email g.fazioli undolog.com
* /
classe {StageExt
/ / Sortie
__release : String = "1.0" ; privée communiqué __ var: Chaîne = "1.0";
/ / Propriétés
__movieWidth : Number = 0 ; privé movieWidth __ var: Nombre = 0;
__movieHeight : Number = 0 ; privé movieHeight __ var: Nombre = 0;
__left : Number = 0 ; privée gauche __ var: Nombre = 0;
__right : Number = 0 ; privées du droit de __ var: Nombre = 0;
__top : Number = 0 ; privée haut var __: Nombre = 0;
__bottom : Number = 23 ; privée en bas __ var: Nombre = 23;
/ /
w : Number , h : Number ) { StageExt fonction (w: Nombre , h: Nombre ) {
"StageExt::constructor" ) ; trace (":: constructeur StageExt");
/ /
__movieWidth = w;
__movieHeight = h;
/ /
addListener ( this ) ; Stade . addListener (this);
}
/ **
OnResize * () événement
* /
onResize ( ) { onResize fonction privée () {
"StageExt::onResize " + Stage . width + ", " + Stage . height ) ; trace (":: onResize StageExt" + scène largeur + "" +. Stade hauteur.);
/ /
Number = Math . round ( Stage . width ) ; var sw: Nombre = Math ronde (. Stade largeur.);
Number = Math . round ( Stage . height ) ; var sh: Nombre = Math ronde (. Stade hauteur.);
Number = Math . round ( this . __movieWidth ) ; ow var: Nombre = Math . ronde (this. __ movieWidth);
Number = Math . round ( this . __movieHeight ) ; oh var: Nombre = Math . ronde (this. __ movieHeight);

/ / La coordonnée x (en haut à gauche)

__left = - Math . floor ( ( ( sw - ow ) / 2 ) ) ; ce __ gauche = -. Math floor (((sw - oe) / 2)).;
__top = - Math . floor ( ( ( sh - oh ) / 2 ) ) ; ce top = __ -. Math floor (((sh - h) / 2)).;

/ / La coordonnée x (en haut à droite)

__right = Math . round ( ( sw + ow ) / 2 ) ; cette droite = __. Math round ((sw + ow) / 2).;

/ / La coordonnée y (en bas)

__bottom = Math . round ( ( sh + oh ) / 2 ) ; ce __ bas =. Math round ((sh + O) / 2).;
}
/ **
* Refresh ()
* /
Refresh ( ) { rafraîchissement fonction publique () {
onResize ();
}
/ **
* Gauche - se
* /
get Left ( ) : Number { fonction publique se Gauche (): Nombre {
__left ) ; retourner (__ gauche);
}
/ **
Top * - obtenir
* /
get Top ( ) : Number { public function get Haut (): Nombre {
__top ) ; retourner (en haut __);
}
/ **
* Droit - get
* /
get Right ( ) : Number { public function get droite (): Nombre {
__right ) ; retourner (__ droite);
}
/ **
* Bas - se
* /
get Bottom ( ) : Number { public function get Bas (): Nombre {
__bottom ) ; retourner (__ bas);
}
/ **
* MovieWidth - get / set
* /
get MovieWidth ( ) : Number { public function get MovieWidth (): Nombre {
__movieWidth ) ; retourner (__ movieWidth);
}
set MovieWidth ( v : Number ) { public function set MovieWidth (v: ​​Nombre ) {
__movieWidth = v;
}
/ **
* MovieHeight - get / set
* /
get MovieHeight ( ) : Number { public function get MovieHeight (): Nombre {
__movieHeight ) ; retourner (movieHeight __);
}
set MovieHeight ( v : Number ) { public function set MovieHeight (v: Nombre ) {
__movieHeight = v;
}
}

En savoir plus ...

Comment j'ai fait: écrire un compte à rebours en Flash

Pour la série "How I Did It" (ou comme je l'ai fait), voici comment faire un compte à rebours pour voir dans le flash, à commencer par une date, ce jours, heures, minutes et secondes sont manquantes d'un événement! L'animation Flash ci-dessous, par exemple, voir combien de jours la première année! Ils peuvent être utilisés des menus déroulants pour sélectionner une date différente:

Flash Player Loading ...

Nous créer trois combo day_cmb, month_cmb year_cmb et les initialiser:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/ / Combo Init
controls . ComboBox ; d'importation. mx 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).;
}
/ / I à partir d'aujourd'hui ...
var i = 2007 ; i < 2020 ; i ++ ) { for (var i = 2007; i <2020; i + +) {
i , i ) ; year_cmb addItem (i, i).;
}
/ / Définit la date de Janvier 1, 2008
; // -1 day_cmb selectedIndex = 0;. / / -1
; // -1 month_cmb selectedIndex = 0;. / / -1
; year_cmb selectedIndex = 1.;

Le cœur du système, nous plaçons le cas 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 ( ) { ce onEnterFrame. = function () {
/ /
Date = new Date ( ) ; aujourd'hui var: Date de = new Date de ();
getFullYear ( ) ; var today = currentYear getFullYear ().;
getTime ( ) ; var today = currentTime getTime ().;
/ /

getTime ( ) ; . var = targetTime targetDate getTime ();
/ /
currentTime ; var = targetTime TimeLeft - currentTime;
/ /
. floor ( timeLeft / 1000 ) ; var c = Math étage (TimeLeft / 1000).;
= Math . floor ( sec / 60 ) ; var min = Math sol (sec / 60).;
. floor ( min / 60 ) ; h = var Math . étage (min / 60);
. floor ( hrs / 24 ) ; var = jour Math . étage (h / 24);
/ /
sec % 60 ) ; sec = cordes (% sec 60);
length < 2 ) ? "0" + sec : sec ; sec = (sec. longueur <2) "0" + sec:? sec;
/ /
( min % 60 ) ; min = cordes (% min 60);
min . length < 2 ) ? "0" + min : min ; = Min (min. longueur <2) "0" + min:? Min;
/ /
hrs % 24 ) ; h = cordes (% h 24);
length < 2 ) ? "0" + hrs : hrs ; ? min = (h longueur <2) "0" + h: min;
/ /
days ) ; jours = cordes (jours);
length < 2 ) ? "0" + days : days ; ? = Jours (longueur days. <2) "0" + de jours: jours;
/ /
String = days + ":" + hrs + ":" + min + ":" + sec ; var compteur: chaîne = jours + "" + h + ":" + min + ":" + sec;
/ /
= counter ; time_txt texte = compteur.;
};

En savoir plus ...

DatePicker avec Prototype et Scriptaculous

image Un intéressant et utile bibliothèque Javascript basée sull'accoppiata Prototype et Scriptaculous vous permet d'ajouter la fonction de DatePicker (composant dans ActionScript / Flash) à la saisie habituelle en HTML.

Sa discrète caractéristique (non intrusif) en fait un outil idéal pour étendre les fonctionnalités d'un site qui a été précédemment établi. Pour activer le DatePicker il suffit d'ajouter la classe "date" dans notre balise d'entrée. En Javascript, vous pouvez définir différents paramètres, y compris le soutien écrasant pour la langue italienne.

Voici un morceau de exemple de code:

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" > < style de type = "text / css">
@ Import ("/ css / datepicker.css");
</ style de >
< former >
"text" id = "date-from" name = "date-from" / > < entrée type = "text" id = "date-du" name = "date-de" />
</ forme >
"text/javascript" > < script de type = "text / javascript">
DPCK var = new DatePicker ({
rapport: «date-de»,
langue: 'fr'
});
</ script de >

En savoir plus ...



Arrêtez SOPA