Quebra de linha no Flex

As quebras de linhas em aplicações em Flex são tratadas de dois modos distintos. Um é a quebra de linha em códigos ActionScript, já conhecidas do pessoal que trabalhava com Flash, utilizando um n para criar as quebras de linha (tal como em outras linguagens de programação).

<mx:Script>
<![CDATA[
function setDataToolTip(date1:String, date2:String):Void {
  cbDatas.toolTip = date1 + 'n' + date2;
}
]]>
</mx:Script>

O newline também pode ser utilizada para gerar quebras de linha, contudo, ao passo que o n é interpretado como um “texto” (escaped character; note as aspas no exemplo acima), o newline é como uma variável.

cbDatas.toolTip = date1 + newline + date2;

O segundo modo é quando estamos em uma tag do Flex. Ora, uma tag em Flex, e mais do que isso, um arquivo MXML nada mais é do que um arquivo XML, e portanto, os padrões podem e devem ser seguidos. Qual é o caractere de carriage return e como ele é representado em documentos HTML, XML e afins? &#13;

<mx:Link label="link com&#13;duas linhas" />

Adicionalmente, a variável newline também pode ser utilizada em tags MXML, utilizando o recurso de binding:

<mx:Link label="link com{newline}duas linhas" />

Vale a pena também citar casos especiais, como o uso de tags HTML, e o famoso <br> para quebras de linhas, como no caso de dataTips em gráficos, em que é possível utilizar b, i e br. No exemplo abaixo, uma função a ser utilizada como dataTipFunction de um gráfico.

function formatDataTip(event:Object):String {
return '<b>' + event.hitData.item.valor1 + '</b> <br> <i>' + event.hitData.item.valor2 + '</i>';
}


5 Comments on “Quebra de linha no Flex”

  1. Cassio disse:

    Caracas muito bom…
    mas como faço pra fazer uma quebra de linha dentro de um action script??? tipo esse

    text = “meu nome é Cassio”;
    i = 1;
    max = length(text);
    kerning = “10”;
    size = “10”;
    setProperty(“char”, _visible, “0”);

    o n só gera um espaço entre as mesma… =/
    e o newline é propriedade de xml né?
    como faço para nomear uma variavel para pular linha?
    tipo
    Obrigado

  2. Milton Akira Fukuhara disse:

    cara o.o” tipo eu nao sei se estou falando abobrinha prq não mecho muito com action script, mas onde você está impondo a quebra de linha? pelo que entendi voce esta tentando restringir sua variavel para no maximo de 10 char só que voce pensando desse modo voce vai deixar visivel apenas 10 letras, se voce quer usar uma quebra de linha o comando é “n” caso queira uma quebra maior meio que parecida com o parágrafo n html (

    ) tente usar suas quebras:
    ‘n’+’n’

  3. Steve disse:

    Sei que já tempo que já foi enviado este post. Mas foi de grande ajuda para mim.
    Cassio,
    Se deseja inserir uma quebra de página, que seja reconhecida como um toque da tecla “enter” é só fazer desta maneira:
    texto = “Meu nome é:”+newline+”Steve”

    O texto que aparecerá será:
    Meu nome é:
    Steve

    Abraços

  4. Fabrício disse:

    Cara.. eu utilizando aquela parte “controls” no Flex e a ferramenta “Text” não consigo pular a linha na hora que desejo.. tentei esses comandos e não consegui… o q será?
    Abraço!

  5. Roberto Salgueiro disse:

    Ola, gostaria de saber se tem como dar uma quebra de linha no label do button?