Calcolo della larghezza del testo in ActionScript e Flex

Question

Sto cercando di calcolare come WIDE rendere il mio pulsante, in base al testo che conterrà, e quando provo a google per come calcolare qualcosa di semplicistico come la LARGHEZZA DI ALCUNI TESTO, vado a guardare con gli occhi spalancati cercando di guadare un voodoo esoterica apparentemente privo di senso apparentemente controintuitivo. Qualcuno può aiutarmi a semplificare per me come scrivere una funzione come questa:

public function HowWideWouldThisTextBeIfItWereInThisButton(Text:String,Container:Button):int { 
... 
} 

Grazie in anticipo.

Answer 1

Finché sei in un'UIComponent, è possibile utilizzare la funzione di measureText.

public function howWideWouldThisTextBeIfItWereInThisButton(text:String,container:Button):int { 
    var lineMetrics:TextLineMetrics = container.measureText(text); 
    return lineMetrics.width;  
} 

Detto questo, la componente della flessione del tasto dovrebbe dimensionare automaticamente alla larghezza del testo, se non si imposta una larghezza su di esso. In questo modo se hai bisogno della larghezza del testo, puoi semplicemente chiamare usa la proprietà textWidth.

Answer 2

Suona come si potrebbe usare textWidth

Answer 3

Joshua, aiuta davvero a essere chiari. Stai parlando di TextField, MX Label, Spark Label, RichText, ecc.? Componenti di testo diversi utilizzano motori di testo diversi, come FTE e TLF e possono avere soluzioni diverse. Desidero certamente che Adobe abbia un buon set di utilità o codice di esempio che possa prevedere quale sarà la dimensione del font reso sui controlli, prima che tu lo faccia effettivamente. Ma la buona notizia è che in certi casi, come in un buon vecchio campo di testo, puoi prevederlo abbastanza bene. Basta creare un campo di testo, impostarlo come campo textFormat, metodo di ridimensionamento automatico e testo. Dovresti essere in grado di ottenere le sue dimensioni prima di aggiungerlo ovunque. Non ricordo quale fosse l'ordine, ma ricordo che l'ordine con cui hai impostato quelle proprietà è importante. Se non riesci a capire come farlo, posso fornire un esempio di codice. Ora, per i nuovi componenti "migliorati", come Spark Labels, sarò infastidito se riesco a trovare un modo maledetto ... ho trascorso un numero di ore su questo e non ho trovato un modo .. o qualcuno che conosce un modo: P.

Answer 4

Here's come lo fate in Spark:

Ho modificato - semplificato - il suo esempio un po 'qui:

var textMetrics:TextLineMetrics = label.measureText(label.text); 
var textWidth:int = textMetrics.width; 

Answer 5

Questo funziona in qualsiasi formato, dimensione, tipo di carattere. Non dimenticare le proprietà "autoSize" e "wordWrap"!

var tf:TextField = new TextField(); 
addChild(tf); 
tf.autoSize = TextFieldAutoSize.LEFT; 
tf.wordWrap = false; 
tf.text = "Whatever here"; 
tf.width = tf.textWidth + 4; // add 2 pixels-gutters left & right 

il pulsante dovrà essere "tf.width" wide ...

Answer 6

In seguito mio commento su s' quoo risposta, ecco il codice per lo stesso scopo, ma semplicemente afferrando la larghezza di un TextField, utilizzando TextLineMetrics così:

public function mtxtWidth(container:TextField):int { 
     var lineMetrics:TextLineMetrics = container.getLineMetrics(0); 
     return lineMetrics.width;  
    } 

Answer 7

Ecco un modo che funziona anche:

012.

var tempText:Text = new Text(); 
tempText.regenerateStyleCache(false); 
var textWidth:int = tempText.measureText(*yourstring*).width; 

Answer 8

come penso, la costruzione di textField.textWidth funziona bene ... finché non si modifica la dimensione del carattere. Sembra che calcoli la larghezza in base al font 12px. Quindi, se avete incorporato tipo di carattere e lo stile globale si può provare soluzione veloce:

var realWidth = myLabel.textField.textWidth * (fontSize/12); 

Ho provato questo sulle stringhe lunghe e corte e il risultato è corretto.