Prototyp zur Positionsermittlung innerhalb eines Textfeldes

[Mr.Dauerfeuer]

System: Pentium-M 1.5 Ghz, 1024 MB RAM
Plug-in : Win 7.0.19.0
benötigte Zeit: 4219ms

bei den Rahmen fehlt teilweise die Linie oben...

[minimal-ist]

System: centrino 1.3 Ghz, 256 MB RAM
Plug-in : Win 7.0.19.0
benötigte Zeit: 4482 ms

darstellung einwandfrei

[derRaab]

@son yu:

Was meinst Du mit 'also die woerter sind auch nicht wirklich umrahmt'?

@Mr.Dauerfeuer:

Inwiefern 'bei den Rahmen fehlt teilweise die Linie oben...'?


Vermutlich kann man die Rahmen dann nicht richtig erkennen. Leider ist es wirklich so, dass der obere Rand etwas weit nach oben gerutscht ist. Aber das variiert mit der Schriftgröße. Da muß man dann im Einzelfall optimieren.

[son yu]

Zitat von derRaab

@son yu:

Was meinst Du mit 'also die woerter sind auch nicht wirklich umrahmt'?

[…]

hier nen beispielhafter ausschnitt...


schoene gruesse

[Mr.Dauerfeuer]

habe genau die gleichen Darstellungsfehler die auf dem Screenshot von son yu zu sehen sind. Dafür liefs jetzt schneller ca. 3300 ms, hatte das Notebook gestern @800 MHz...

[derRaab]

Verdammt, sieht so aus, als würde das nicht immer gut laufen.

Es würde mich freuen, wenn Leute weiter testen. Ich werde mich bei Gelegenheit dran machen, die Funktion zu überarbeiten, zu strecken usw.

Ich hoffe es liegt an der Systemperformance. So werde ich wohl den Weg gehen und über Workarounds eine zeitaufwändigere, aber hoffentlich fehlerfreie Version zu erstellen. Ich melde mich wieder.

[madflanderz]

ich hatte letztens die erleutung, kurz und schmerzlos :

PHP-Code:

//-    Ausmaße eines Htmltextes berechnen
function getHtmlTextExtent( html_str:String , format_str:String) {

        // create temporary textfield
        _root.createTextField("getTextExtentTemp_txt", 100, 10, 1, 300, 30);
        // local reference to text field
        var temp_txt = _root [ "getTextExtentTemp_txt" ];

        // set the text format
        if (format_str == undefined)
        {
            format_str = "<FONT FACE=\"Verdana\" SIZE=\"12\" >";
        }

        temp_txt.html = true;
        temp_txt.htmlText = format_str + html_str + "</FONT>";

        // get dimensions
        var w = temp_txt.textWidth;
        var h = temp_txt.textHeight;
    var fw = temp_txt._width;
        var fh = temp_txt._height;

        // wrap in object
        var textExtent = { width: w, height: h, textFieldWidth: fw, textFieldHeight: fh };
        // remove the textfield
        //temp_txt.removeTextField();
        _root [ "getTextExtentTemp_txt" ].removeTextField();
        // return dimensions object
        return textExtent;
}


//beispiel mit standardfont verdana 12px
bsp_text = "Ich bin ein Text. das ist <B>bold</B>"
textExtent = getHtmlTextExtent(bsp_text);
trace(textExtent.width + " : " + textExtent.height + " : " + textExtent.textFieldWidth);

// oder eigenes format festlegen
bsp_text = "Ich bin ein Text. das ist <B>bold</B>"
textExtent = getHtmlTextExtent(bsp_text, "<FONT FACE=\"WingDings\" SIZE=\"20\" >");
trace(textExtent.width + " : " + textExtent.height + " : " + textExtent.textFieldWidth); 


sieht doch gut aus oder?

[derRaab]

Hallo Leute,

dieses Thema ist schon älter, aber ich habe nun etwas weiter an der Problematik gearbeitet und eine performantere Lösung gefunden. Ich erstelle nicht mehr ein anderes Textfeld sondern kalkuliere alle Werte durch das Textformat. Dies bedeutet, dass es mit HTML-Texten nicht funktioniert.

Leider kommt es bei längeren Texten immer noch zu Unregelmäßigkeiten. Diese hängen evtl. mit der Zeilenanzahl zusammen.

Hier habt Ihr wieder einen Link zum Testen:
http://www.derraab.com/forumposts/gaptext/secondtest


Folgende Texte müssten exakt mit einem roten Rahmen markiert sein:

- "bei manchen Zeitgenossen";
- "<gap>längere Kurzform</gap>";
- "<gap>Internet</gap>";
- "aktuelle Form des Infotainments ";
- "<gap>Spätlateinischen</gap>";

Hier auch gleich die ActionScript-Funktion quick&dirty:

function getTextPosition(text_fmt:TextFormat, complete_str:String,  search_str:String, text_width:Number){
    
    var metrics;
    
    // Textbreite und Höhe
    metrics = text_fmt.getTextExtent(search_str, text_width);
    var width = metrics.width;
    var height = metrics.height;
    
    // Textunterkante ermitteln (String bis Suchstring kalkulieren)
    metrics = text_fmt.getTextExtent(complete_str.split(search_str)[0]+search_str, text_width);
    var bottom = metrics.height - 2;
    
    // Textfeldhöhe für Vergleich zwischenspeichern
    var totalHeight = metrics.height;
    
    // Oberkante ermitteln
    var top = bottom - height + 4;
    
    // Text der letzten Zeile ermitteln
    var preSearch:Array = complete_str.split(search_str)[0].split(' ');
    var lastLine:Array = new Array();
    var cutting = true;
    while (cutting){
        if (text_fmt.getTextExtent(preSearch.join(' '), text_width).height != totalHeight){
            cutting = false;
        } else {
            lastLine.push(preSearch.pop());
        }
    }
    lastLine.reverse();
    
    // linken Anfang ermitteln
    var left = text_fmt.getTextExtent(lastLine.join(' '),text_width).width + 2;
    
    // rechtes Ende ermitteln
    var right = left + width;
    
    
    return {left:left, right:right, top:top, bottom:bottom}
    
    
} 

Ich würde mich freuen, wenn Ihr mir ein Feedback zukommen lassen könnt. Funktioniert es bei euch? Und wenn was für ein System habt Ihr?

Danke euch...

[madflanderz]

hi herrRaab, du kennst doch die faulen leute hier (mich eingeschlossen ) , kannste auch die paar zeilen zu nutzung noch schnell hinschreiben, dann probieren das sicher n paar mehr leutchen

man bin ich faul,
und keiner is gemeiner als der f-hainer

[derRaab]

Hi,

hier ist doch der Link:

http://www.derraab.com/forumposts/gaptext/secondtest

[madflanderz]

hehe, den hab ich auch gesehen, ich dachte eher an selbst ausprobieren

vielleicht findet sich dann auch ne lösung für html-text, weils ja nich grade schön ist, wenn die funktion auf normalen text beschränkt bleibt.

[derRaab]

Wenn man mit HTML-Text arbeiten will, dann kann man nicht mit getTextExtend arbeiten. Dann zieht wieder mein Lösung vom Anfang. Das Problem mit der Textlänge bleibt trotzdem bestehen.

Ich will jetzt hier nur noch auf Verlässlichkeit testen.

Bye

[madflanderz]

dann bin ich mal gespannt ob sich die lösung bewährt. ich habe nämlich ähnliche probleme mit meiner Smile-Klasse. da gehts aber nunmal nicht ohne html.

mit mein größtes problem war, herauszufinden, wo im text umbrüche stattfinden bzw. wie ich den text einer einzelnen bestimmten zeile extrahieren kann. meine lösung war dann, das ich den ganzen string selbst <br>s eingefügt habe und alle zeilen im array gespeichert habe.

und nun sehe ich wie es auch gehen kann, respekt , deine lösung zum finden der letzten zeile ist echt cool.

vielleicht hab ich demnächst zeit deinen ansatz bei mir einzubauen, dann zeig ich dir das ergebnis


bis dann
madFlanderz

[derRaab]

Hi,

ja wenn man die automatischen Umbrüche, die Flash in den Textfeldern erstellt irgendwie auslesen könnte, wäre alles kein Problem.

Das mit den manuellen <br>-Tags ist auch eine Möglichkeit. Wenn man beim erstellen der Texte sicher stellt, das die eingefügt werden kann man natürlich auch mit HTML arbeiten.

Ich werde sehen was ich einsetzen werde...