Artikel Tagged 'Tutorials'


StageExt Klasse: resizable Flash-Filme

Die Technik Fullsize (Halle für Vollbild - davon später mehr) war bis vor kurzem hauptsächlich in Flash-Anwendungen (RIAs) eingesetzt, die aus so einer mehr oder weniger komplexe Benutzeroberfläche, wo der Container (Adobe AIR , Browser oder Standalone-Player) durch den Anwender skaliert, zwingt eine Neupositionierung der Objekte, aus denen der Film. Die Verkleinerung des Containers offensichtlich folgt eine Zeichnung Funktion oder Refresh MovieClip kann positionieren oder Neugestaltung der Laufzeit-Schnittstelle auf die neue Größe des Behälters. Heute wird diese Technik auch in fortgeschrittenen Websites oder artikuliert, sehr fromm rendondo attraktive Schnittstelle verwendet. Die Umsetzung dieser Technik ist sehr einfach und nutzt im Wesentlichen die native Flash-Stage-Objekt und stellte mit der Version MX. Für ihre Umsetzung ist hier eine Klasse, die die Koordinaten des zu erhalten ermöglicht 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
/ **
*
* @ File StageExt.as
* @ Autor Giovambattista Fazioli (@ g.fazioli undolog.com)
* @ Web http://www.undolog.com
* @ @ Email g.fazioli undolog.com
* /
{Class StageExt
/ / Release
__release : String = "1.0" ; __release private var: String = "1,0";
/ / Eigenschaften
__movieWidth : Number = 0 ; __movieWidth private var: Anzahl = 0;
__movieHeight : Number = 0 ; __movieHeight private var: Anzahl = 0;
__left : Number = 0 ; __left private var: Anzahl = 0;
__right : Number = 0 ; __right private var: Anzahl = 0;
__top : Number = 0 ; __top private var: Anzahl = 0;
__bottom : Number = 23 ; __bottom private var: Anzahl = 23;
/ /
w : Number , h : Number ) { StageExt Funktion (w: Anzahl , h: Anzahl ) {
"StageExt::constructor" ) ; trace ("StageExt:: constructor");
/ /
__movieWidth = w;
__movieHeight = h;
/ /
addListener ( this ) ; Praktika addListener (this).;
}
/ **
* OnResize ()-Ereignis
* /
onResize ( ) { onResize private function () {
"StageExt::onResize " + Stage . width + ", " + Stage . height ) ; trace ("StageExt: onResize" + Bühne . width + "" + Bühne . height);
/ /
Number = Math . round ( Stage . width ) ; var sw: Anzahl = Math round (. Stufe Breite.);
Number = Math . round ( Stage . height ) ; var sh: Anzahl = Math round (. Stufe Höhe.);
Number = Math . round ( this . __movieWidth ) ; var ow: Anzahl = Math . round (this. __movieWidth);
Number = Math . round ( this . __movieHeight ) ; Oh var: Anzahl = Math round (this. __movieHeight);.

/ / Die x-Koordinate (oben links)

__left = - Math . floor ( ( ( sw - ow ) / 2 ) ) ; . diese __left = - Math . Etage (((sw - ow) / 2));
__top = - Math . floor ( ( ( sh - oh ) / 2 ) ) ; . diese __top = - Math . Etage (((sh - h) / 2));

/ / Die x-Koordinate (oben rechts)

__right = Math . round ( ( sw + ow ) / 2 ) ; . diese __right = Math . round ((sw + ow) / 2);

/ / Die y-Koordinate (unten)

__bottom = Math . round ( ( sh + oh ) / 2 ) ; . diese __bottom = Math . round ((sh + O) / 2);
}
/ **
* Refresh ()
* /
Refresh ( ) { public function refresh () {
onResize ();
}
/ **
* Links - get
* /
get Left ( ) : Number { public function get Left (): Anzahl {
__left ) ; return (__left);
}
/ **
* Top - get
* /
get Top ( ) : Number { public function get Top (): Anzahl {
__top ) ; return (__top);
}
/ **
* Rechts - get
* /
get Right ( ) : Number { public function get Right (): Anzahl {
__right ) ; return (__right);
}
/ **
* Bottom - get
* /
get Bottom ( ) : Number { public function get Bottom (): Anzahl {
__bottom ) ; return (__bottom);
}
/ **
* MovieWidth - get / set
* /
get MovieWidth ( ) : Number { MovieWidth public function get (): Anzahl {
__movieWidth ) ; return (__movieWidth);
}
set MovieWidth ( v : Number ) { MovieWidth public function set (v: Anzahl ) {
__movieWidth = v;
}
/ **
* MovieHeight - get / set
* /
get MovieHeight ( ) : Number { MovieHeight public function get (): Anzahl {
__movieHeight ) ; return (__movieHeight);
}
set MovieHeight ( v : Number ) { MovieHeight public function set (v: Anzahl ) {
__movieHeight = v;
}
}

Fortsetzung ...

Wie ich es tat: Flash schreiben Sie eine Countdown

Für die Serie "How I Did It" (oder so wie ich) hier ist, wie man einen Countdown machen, um Flash-Display, beginnend mit einem Datum werden, was Tage, Stunden, Minuten und Sekunden fehlen ein Ereignis! Der Flash-Film unter, zum Beispiel sehen, wie viele Tage das erste Jahr! Sie können verwendet werden Pull-Down-Menüs auf ein anderes Datum zu wählen:

Loading Flash ...

Wir schaffen drei Kombinationsfelder day_cmb, month_cmb year_cmb und initialisieren Sie sie:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/ / Init-Combo
controls . ComboBox ; . importieren mx steuert 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).;
}
/ / Ab heute ... Ich
var i = 2007 ; i < 2020 ; i ++ ) { for (var i = 2007; i <2020; i + +) {
i , i ) ; . year_cmb addItem (i, i);
}
/ / Setze das Datum auf den 1. Januar 2008
; // -1 day_cmb selectedIndex = 0;. / / -1
; // -1 month_cmb selectedIndex = 0;. / / -1
; year_cmb selectedIndex = 1.;

Das Herz des Systems stellen wir die onEnterFrame Event:

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 ( ) { diesem. onEnterFrame = function () {
/ /
Date = new Date ( ) ; var heute: Date = new Date ();
getFullYear ( ) ; var today = currenty getFullYear ().;
getTime ( ) ; var today = currentTime getTime ().;
/ /

getTime ( ) ; . targetTime var = TARGETDIR getTime ();
/ /
currentTime ; var = targetTime TimeLeft - currentTime;
/ /
. floor ( timeLeft / 1000 ) ; var s = Math . floor (TimeLeft / 1000);
= Math . floor ( sec / 60 ) ; var min = Math floor (sec / 60).;
. floor ( min / 60 ) ; var Stunden = Math . floor (min / 60);
. floor ( hrs / 24 ) ; var days = Math . floor (Std. / 24);
/ /
sec % 60 ) ; sec = String (s% 60);
length < 2 ) ? "0" + sec : sec ; sec = (sec. Länge <2) "0" + sec: sec;
/ /
( min % 60 ) ; min = String (min% 60);
min . length < 2 ) ? "0" + min : min ; = Min (min. Länge <2) "0" + min: min;
/ /
hrs % 24 ) ; Std. = String (hrs% 24);
length < 2 ) ? "0" + hrs : hrs ; ? Min. = (Std. Länge <2) "0" + Std: Min;
/ /
days ) ; Tage = String (Tage);
length < 2 ) ? "0" + days : days ; ? = Tage (days. Länge <2) "0" + Tage: Tage;
/ /
String = days + ":" + hrs + ":" + min + ":" + sec ; var counter: String = Tage + "" + Stunden + ":" + min + ":" + s;
/ /
= counter ; time_txt text = Zähler.;
};

Fortsetzung ...

DatePicker mit Prototype und Scriptaculous

Bild Eine interessante und nützliche Javascript-Bibliothek auf der Kupplung basiert Prototype und Scriptaculous können Sie die Funktion add DatePicker (Komponente in ActionScript / Flash) in der normalen HTML TEXT INPUT.

Seine charakteristische Unauffällig (nicht aufdringlich) macht es zum idealen Werkzeug, um die Funktionalität einer Website, die zuvor festgestellt hat, zu erweitern. So aktivieren Sie die DatePicker fügen Sie einfach die Klasse "Daten" in unseren Input-Tag. In Javascript können Sie eine Reihe von Parametern wie die überwältigende Unterstützung für die italienische Sprache.

Hier ist ein Stück Code-Beispiele:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
"text/javascript" src = "/prototype.js" >< / script > < script type = "text / javascript" src = "/ prototype.js"> </ script >
"text/javascript" src = "/scriptaculous.js" >< / script > < script type = "text / javascript" src = "/ scriptaculous.js"> </ script >
"text/javascript" src = "/datepicker.js" >< / script > < script type = "text / javascript" src = "/ datepicker.js"> </ script >
"text/css" > < style type = "text / css">
@ Import ("/ css / datepicker.css");
</ style >
< Formular >
"text" id = "date-from" name = "date-from" / > < Eingang type = "text" id = "date-from" name = "date-from" />
</ Form >
"text/javascript" > < script type = "text / javascript">
DPCK var = new DatePicker ({
auf: 'date-from',
Sprache: 'en'
});
</ script >

Fortsetzung ...



Stoppen SOPA