.:workaround Teil 2:. Fonts dynamisch Nachladen

[Scrawer]

So hier nun eine weiter Endwicklung des "Load Font Workarounds" hier der Link zur ersten Version.

Für jene die sich Fragen um was es hierbei geht bzw. wo der Sinn oder nutzen liegt sollten
den oberen Link Folgen denn dort ist es genau erklärt.

Bei Version 2 ging es mir vor allem um die einfache Verwendung und das nahtlose einfügen in bestehende
as Strukturen, und das ist mir auf Basis einer einfachen Grund Idee wie ich meine sehr gut gelungen.
Das größte Problem war ja die Lade Zeit an sich und das man daher nicht gleich mit dem Textfeld
arbeiten konnte wie es z.b. möglich ist wenn man eines per createTextField erstellt.
Das ist nun aber alles möglich... das Grund Prinzip ist ganz einfach:
Es wird ein ganz normales Textfeld erstellt mit allen Einstellungen die notwendig sind....
wie die Text Probertys, textFormat und der text selber.
Erst dann wird eine spezielle Methode aufgerufen die eine Erweiterung des TextField.prototype ist....
In der Methode passiert dann letzt endlich nix anderes wie das er die ganzen settings des Textfeldes
zwischenspeichert das Textfeld löscht.... dann das externe Textfeld mit dem eingebetteten Font ladet..
und an hand der settings genau konfiguriert....

Ich glaube der Vorteil dieses Weges wird schnell klar, man muss sich keine Gedanken mehr über Ladezeiten machen....
Es gibt nun ganz wenige Anforderungen wo es noch Probleme geben kann....
Wenn man z.b getTextExtent oder textWidth bzw. mit autoSize arbeitet wo ja der Font durch die laufweite
eine große rolle spielt. Bekommt man natürlich nur die richtigen werte wenn das Textfeld zu 100% geladen ist..
Für diesen Zweck habe ich noch 3 Wege vorgesehen... zum einen den Event Handler "onLoad",
bzw. die abfrage loaded (true/false) und es ist auch noch möglich mit getBytesLoaded bzw. getBytesTotal zu arbeiten..

Hier nun zwei Beispiele wie man damit arbeiten könnte:

// ein normales textfeld erstellen
this.createTextField("txtFeld", 1, 0, 0, 100 , 20);
// einstellungen am textFeld vornehmen (es können alle gewohnten werte gesetzt werden)
this.txtFeld.border = true;
this.txtFeld.text = "Beispiel";
// textFormat anlegen , es können alle werte bis auf "font" verwendet werden (was durch embedFont true logisch ist)
var tf = new TextFormat();
    tf.color = 0xff0000;
    tf.size  = 14;
// textFormat setzen
this.txtFeld.setTextFormat(tf);
// nun den Font(swf) laden (infos zu der methode loadFont + arguments gibt es im layer HILFE)
this.txtFeld.loadFont("gaze.swf", 1); 
// fertig
 
//#########################################
/* ::: INFO
    alle TextFeld einstellungen die man nur auf ein TextFeld vornehmen kann sollten vor der methode loadFont eingestellt werden
    da nach dem aufruf der methode erst wieder mit dem textFeld gearbeitet werden kann wenn dieses auch zu 100% geladen wurde.
    Es gibt nun 3 wege dies zu prüfen,
    - onLoad
    - loaded
    - getBytesLoaded u. getBytesTotal
    alle Infos dazu im layer HILFE, und hier nun ein praktisches bsp.
*/
this.createTextField("txtFeld2", 2, 0, 30, 100 , 20);
this.txtFeld2.border = true;
 
this.txtFeld2.onLoad = function()
{
    // hier können nun wieder alle werte abgefragt bzw. gesetzt werden
    this.text = "neuer text";
    var tf = new TextFormat();
        tf.color = 0x00ff00;
        tf.size  = 14;
    this.setTextFormat(tf);
    //trace(this.textWidth)
};
// wichtig ist das die methode onLoad vor dem aufruf von loadFont definiert wird!!!
this.txtFeld2.loadFont("gaze.swf", 2);
 
// ::: anwendungs beispiel von loaded und getBytesLoaded u. getBytesTotal
this.onEnterFrame = function()
{   
    // die beiden werte sind nur interessant wenn man eine lade anzeige erstellen möchte
    trace(this.txtFeld2.getBytesTotal());
    trace(this.txtFeld2.getBytesLoaded());
    
    // ::: anwendungs beispiel für loaded 
    if (this.txtFeld2.loaded) // if true
    {
        trace("text Feld ist zu 100% geladen")
        delete this.onEnterFrame;
    }
} 

Und dies ist die Methode um die es letzt endlich geht

TextField.prototype.loadFont = function(urlFont, depth, propFlags)
{
    var str  = String(this);
    var path = str.substr(0, str.lastIndexOf("."));
    var name = str.substr(str.lastIndexOf(".")+1);
    var owner = eval(path);
    var txtFormat = this.getTextFormat();
        txtFormat.font = null;
    var txtProperty = {_width:this._width,_height:this._height,_y:this._y,_x:this._x,_rotation:this._rotation};
    for (var i in this) if (i != "loadFont" && i != "embedFonts") txtProperty[i] = this[i];
    this.removeTextField();
    var mc = owner.createEmptyMovieClip("__"+name+"__", depth);
    var tf = mc.createEmptyMovieClip("container", 1);
    owner = { loaded:false };
    owner.getBytesLoaded = function() { return tf.getBytesLoaded(); }
    owner.getBytesTotal = function() { return tf.getBytesTotal(); }
    tf.loadMovie(urlFont);
    var loadControl = function()
    {
        if (tf.getBytesLoaded()>=tf.getBytesTotal() && tf.getBytesTotal()>10 && tf.tField != undefined)
        {
            eval(path)[name] = tf.tField;
            tf.tField.getBytesLoaded = function() { return tf.getBytesLoaded(); }
            tf.tField.getBytesTotal = function() { return tf.getBytesTotal(); }
            for (var i in txtProperty) tf.tField[i] = txtProperty[i];
            tf.tField.setTextFormat(txtFormat);
            tf.tField.loaded = true;
            if (tf.tField.onLoad != undefined) { tf.tField.onLoad(); }
            if (propFlags == undefined || !propFlags) ASSetPropFlags(TextField.prototype, null, 1, 0);
            clearInterval(si);
        }
    };
    var si = setInterval(loadControl, 1);
}; 

Im Anhang findet Ihr das Fla.. wo auch die bsp. zu finden sind, und eine kleine HILFE zu den einzelnen Punkten....
auch das gaze.fla (Font "gaze") ist dabei.....

[bokel]

Schöne Idee. !

mfg r.

[zirkumflex]

Hallo...

Hat sich da eigentlich bei Flash2004 was verändert, oder ist dieser workaround auch für die neue Version "gültig" bzw. nötig?


Gruss
zirkumflex

[L4M4R]

da ich's leider noch nicht testen konnte frag ich einfach mal ich hoffe mich schlägt nun keiner

Frage: D.h. also die Font wird dynamisch in den Movie nachgeladen und ist danach im ganzen Movie verfügbar? Also auch in statisch-dynmaischen Textfeldern die nicht über createTextField erstellt wurden?

hehe...cool das solche Threads zwischendurch mal wieder nach oben geschoben werden und man sie dadurch nochmal zu lesen bekommt..

Sehr schönes Dingen, scrawer...Ich hatte vor kurzem etwas ähnliches gebastelt, allerdings mit dem Nachladen eines MovieClips, der das dyn-Textfeld mit dem Font enthielt, wobei der containermovieclip nach außen hin vorgaukelte, ein Textfeld zu sein..

lustiges Dingen...ich werds mal die Tage überarbeiten und posten..

Bis dahin dankt das Haus...

anyway.

[Scrawer]

@zirkumflex, klar ist as 1.. und geht auch unter flash7 framework

@ sncpp | lama, nein, du kannst es nur bei ein dynamisch erzeugtes textfeld einsetzen, infos warum wieso usw.. stehen ansich in der hilfe.. bzw im posting

@anyway, jep ist so man kann die grund idee aufgreifen und für vieles einsetzen

[zirkumflex]

Also sind solche workarounds bei Flash7 (sorry hab mich damit immer noch nicht richtig beschäftigt) immer noch notwendig... Hmmm.
Aber das ist wohl sicherlich in einem anderen Thread schon ausgiebig diskutiert worden...

Gruss
zirkumflex

[tlp]

Hi,

erst einmal alle daumen hoch, es ist doch erstaunlich wieviel arbeit sich einer macht um sein wissen weiterzugeben...
Danke.

Irgendwie hab ich aber probleme wenn ich mein fla teste und simulate Download benutze werden die text felder nicht gefüllt gibts da irgend ne erklärung? oder habt ihr das problem nicht???

komm irgendwie nicht weiter danke für jede hilfe.

Gruss Timo aus DK

[SunboX]

nice

Ciao SunboX

[andilab]

und sehr nützlich
denk ich. nach sowas such ich grad. habs noch nicht ausprobiert, aber find ich jetzt schon gut. gute idee scrawer.
-.-

p.s.:
hallo. man kann anscheinend doch die tiefe eines mc oder textfeldes auslesen..

this.createTextField("txt2",5,23,23,122,22);
trace(txt2.getDepth());  // "5"
this.createEmptyMovieClip("mc2",8);
trace(mc2.getDepth());  // "8" 
 

das hier funkitoniert auch:

TextField.prototype.loadFont = function(urlFont, depth, propFlags)
{
    depth = this.getDepth();
         .... 

[madflanderz]

hallihallo,

ich probier schon ne weile rum, aber raffs nicht -

WIE können mehrere fonts für ein textfeld geladen werden??? ich möcht nähmlich auch bold darstellen und dazu benötige ich den normalen font sowie die dazugehörige bold-version.

[Scrawer]

Fett und Normal in einem dynamischen TextFeld mit eingebetteten Fonts geht nicht, so weit ich mich erinnern kann, hat aber nix mit dem Script zu tun, sondern Flash kann das nur bei StatischenTextfeldern, bzw mit SystemFonts geht es auch bei dynamischen......
So weit ich das sagen kann hat sich daran auch mit Flash7 nix geändert, aber nimm das nicht als gesetz hin, denn 100% sicher bin ich mir dabei nicht und mit dem Thema hatte ich schon länger nix mehr zu tun, aber was ich mich grau erinnere habe ich es in der Form auch nie hinbekommen, auch nicht über setTextFormat mit anfang-ende/index oder htmlText <b>usw....

[madflanderz]

na toll :-(

ich dachte immer geht nich gibts nich, aber dank macromedia is soo vieles (nicht) möglich :-)

[andilab]

ich glaube mal gelesen zu haben, dass wenn du bold und normal zusammen in einer schrift hast (also bei bold einfach nur "B" angeklickt, kein eigener bold-schriftschnitt) es mit bold-text in dynamischen textfeldern auch klappt, wenn du einfach zwei (leer)zeichen ins textfeld einfügst und eines davon als bold markierst.
ja, ja..

[Scrawer]

Zitat von andilab

wenn du einfach zwei (leer)zeichen ins textfeld einfügst und eines davon als bold markierst.
ja, ja..

geht leider auch nicht... das geht nur bei statischen TextFeldern, bei einem dynamischen, wo du Zeichen einbettest, und dann versuchst was in das TextFeld zu schreiben (was ja geht), und von dem geschriebenen dann ein Zeichen markierst und auf Fett stellst.
Setzt Flash in dem Moment alle anderen Zeichen im TextFeld auch auf Fett bzw. umgekehrt.