StageExt Klasse: Resizable Flash-Filme

Dienstag, 16. Oktober 2007

Die Technik der Vollbild (Vorzimmer für Vollbild -, die später diskutiert werden) wurde bis vor kurzem, vor allem bei Flash-Anwendungen (RIA), und dann durch eine mehr oder weniger komplexe Oberfläche, wo die Container (Adobe AIR , den Browser oder Stand-alone-Player) skaliert durch den Benutzer, so dass ein Neupositionierung der Elemente, die die Film. Zum Abbau der Container folgt natürlich eine Funktion von Design oder Aktualisieren zu positionieren oder Umgestaltung movieclip Laufzeit Schnittstelle nach auf die neue Größe der Container. Heute ist diese Technik auch in weiter fortgeschrittenen Web-Sites oder artikuliert, rendondo Schnittstelle piì äußerst attraktiv. Die Umsetzung dieser Technik ist sehr einfach und wird verwendet im Wesentlichen die von Flash-Bühne, die mit einheimischen und der MX. Für ihre Umsetzung ist eine Klasse, können Sie Auskünfte über die Stage

Actionscript:
  1. / **
  2. *
  3. * @ Datei StageExt.as
  4. * @ Author Giovambattista Fazioli (g.fazioli @ undolog.com)
  5. * @ Web http://www.undolog.com
  6. * @ @ E-Mail g.fazioli undolog.com
  7. * /
  8. (Klasse StageExt
  9. / / Release
  10. __release          : String = "1.0" ; private var __release: String = "1.0";
  11. / / Eigenschaften
  12. __movieWidth       : Number = 0 ; private var __movieWidth: Number = 0;
  13. __movieHeight      : Number = 0 ; private var __movieHeight: Number = 0;
  14. __left             : Number = 0 ; private var __left: Number = 0;
  15. __right            : Number = 0 ; private var __right: Number = 0;
  16. __top              : Number = 0 ; private var __top: Number = 0;
  17. __bottom           : Number = 23 ; private var __bottom: Number = 23;
  18. / /
  19. w: Number , h: Number ) { StageExt Funktion (w: Number, h: Number) (
  20. "StageExt::constructor" ) ; Trace ( "StageExt:: constructor");
  21. / /
  22. __movieWidth = w;
  23. __movieHeight = h;
  24. / /
  25. ( this ) ; Stage. AddListener (this);
  26. )
  27. / **
  28. * OnResize () Ereignis
  29. * /
  30. onResize ( ) { onresize private Funktion () (
  31. "StageExt::onResize " + Stage . width + ", " + Stage . height ) ; Trace ( "StageExt:: onresize" + Stage. Breite + "," + Stage. height);
  32. / /
  33. = Math . round ( Stage . width ) ; var sw: Anzahl = Math. lang (Stage. Breite);
  34. = Math . round ( Stage . height ) ; var sh: Number = Math. lang (Stage. height);
  35. = Math . round ( this .__movieWidth ) ; var ie: Anzahl = Math. lang (this. __movieWidth);
  36. = Math . round ( this .__movieHeight ) ; var oh: Anzahl = Math. lang (this. __movieHeight);
  37. / / Die koordinierte x (oben links)
  38. . floor ( ( ( sw - ow ) / 2 ) ) ; dieser. __left = - Math. Stock (((sw - OW) / 2));
  39. . floor ( ( ( sh - oh ) / 2 ) ) ; dieser. __top = - Math. Stock (((sh - oh) / 2));
  40. / / Die koordinierte x (oben rechts)
  41. . round ( ( sw + ow ) / 2 ) ; dieser. __right = Math. Runde ((sw + OW) / 2);
  42. / / Die koordinierte und (unten)
  43. . round ( ( sh + oh ) / 2 ) ; dieser. __bottom = Math. round ((OH + sh) / 2);
  44. )
  45. / **
  46. * Aktualisieren ()
  47. * /
  48. Refresh ( ) { public function Refresh () (
  49. ; onresize ();
  50. )
  51. / **
  52. * Linke - get
  53. * /
  54. get Left ( ) : Number { public function get Linke (): Anzahl (
  55. __left ) ; return (__left);
  56. )
  57. / **
  58. * Top - get
  59. * /
  60. get Top ( ) : Number { public function get Top (): Anzahl (
  61. __top ) ; return (__top);
  62. )
  63. / **
  64. * Recht - get
  65. * /
  66. get Right ( ) : Number { public function get right (): Anzahl (
  67. __right ) ; return (__right);
  68. )
  69. / **
  70. * Bottom - get
  71. * /
  72. get Bottom ( ) : Number { public function get Bottom (): Anzahl (
  73. __bottom ) ; return (__bottom);
  74. )
  75. / **
  76. * MovieWidth - get / set
  77. * /
  78. get MovieWidth ( ) : Number { public function get MovieWidth (): Anzahl (
  79. __movieWidth ) ; return (__movieWidth);
  80. )
  81. set MovieWidth ( v: Number ) { öffentliche Funktion gesetzt MovieWidth (v: Number) (
  82. __movieWidth = v;
  83. )
  84. / **
  85. * MovieHeight - get / set
  86. * /
  87. get MovieHeight ( ) : Number { public function get MovieHeight (): Anzahl (
  88. __movieHeight ) ; return (__movieHeight);
  89. )
  90. set MovieHeight ( v: Number ) { öffentliche Funktion gesetzt MovieHeight (v: Number) (
  91. __movieHeight = v;
  92. )
  93. )

Durch diese Klasse ist einfach movieclip Verlagerung innerhalb der Stage

Actionscript:
  1. StageExt ( 320 , 256 ) ; var wenn StageExt = new StageExt (320, 256);
  2. / /
  3. = "noscale" ; Stage. ScaleMode = "noscale";
  4. ( this ) ; Stage. AddListener (this);
  5. / /
  6. . move = function ( x: Number , y: Number ) { MovieClip. Prototyp. Bewegen = function (x: Number, y: Number) (
  7. = x; this . _y = y; dieser. _x = x; diese. _y = y;
  8. )
  9. / /
  10. ( ) { onresize Funktion () (
  11. "Custom Resize " + this + " - " +se. Left ) ; Trace ( "Benutzerdefinierte Größe" + this + "-" + SE. links);
  12. / / Clip_mc._x = se.Left;
  13. / / Clip_mc._y = se.Top;
  14. se. Left , se. Top ) ; clip_mc. bewegen (Linke SE., wenn. Top);
  15. )

In der Größe der Stage Originale sind 320x256. Diese sollten einbezogen werden und als Flash-Modus noScale Zentren der Film innerhalb des Browsers. Auch in den HTML-Code muss 100% in der Größe, ist die Eröffnung heght dass heght OBJECT und EMBED

Lassen Sie uns organisieren, die Hierarchie der Film in einer geeigneten Art und Weise und der Ansicht, dass die Position eines movieclip diventra jetzt "auf."

Verwandte Post

3 Kommentare zu: "StageExt Klasse: Flash-Filme Größe"

  1. getAvatar 1,0 Mittwoch, 12. Dezember 2007 um 16:22
    undolog »Blog Archiv» Vollbild-Flash-Browser sagte:

    [...] Der Code benötigt, um den Vollbildmodus ist sehr einfach und nutzt das Objekt Etappe in diesem Blog StageExt Klasse: Filme Resizable Flash: Plain Text Actionscript: [...]

  2. getAvatar 1,0 Sonntag, 14. Dezember 2008 bei 17:54
    Larry sagte:

    Hallo,
    eine Frage: Wo sollte ich diese 2-Skripte?

    Danke,
    G.

  3. getAvatar 1,0 Montag, 15. Dezember 2008 bei 11:24
    Giovambattista Fazioli sagte:

    @ Larry:

    Hallo,
    eine Frage: Wo sollte ich diese 2 Skripte? Vielen Dank,
    G.

    Der erste "Frühling" ist eine Klasse, können Sie an jeder beliebigen Stelle in Ihrem Code mit der include Die zweite Quelle ist ein Beispiel für seine Verwendung. Siehe Actionscript 3.0 für Anfänger: Lektion # 1 auf, wie Sie ein einfaches Projekt in Flash.

Hinterlasse einen Kommentar

TAG XHTML erlaubt: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Verwenden Sie <pre> Anlagen-Code