Uso do componente Label

O componente Label exibe uma única linha de texto, geralmente para identificar algum outro elemento ou atividade em uma página da Web. Você pode especificar que um rótulo seja formatado com HTML para tirar proveito de suas tags de formatação de texto. Também é possível controlar o alinhamento e o tamanho de um rótulo. Os componentes Label não têm bordas, não podem receber foco e não transmitem nenhum evento.

Uma visualização ao vivo de cada ocorrência de Label reflete as alterações feitas nos parâmetros no Inspetor de propriedades ou no Inspetor de componentes durante a criação. O rótulo não tem uma borda; portanto, a única maneira de obter sua visualização ao vivo é definindo seu parâmetro text.

Interação do usuário com o componente Label

Use um componente Label para criar um rótulo de texto para outro componente em um formulário, como um rótulo “Nome:” à esquerda de um campo TextInput que aceita o nome de um usuário. É recomendável usar um componente Label em vez de um campo de texto sem formatação, pois, dessa forma, você pode usar estilos para manter uma aparência consistente.

Para girar um componente Label, você deve incorporar as fontes; do contrário, elas não serão exibidas quando você testar o filme.

Parâmetros do componente Label

Você pode definir os seguintes parâmetros de autoria no Inspetor de propriedades ou no Inspetor de componentes para cada instância do componente Label: autoSize , condenseWhite , selectable , text e wordWrap . Cada um desses parâmetros tem uma propriedade ActionScript correspondente de mesmo nome. Para obter informações sobre os possíveis valores desses parâmetros, consulte a classe Label na Referência do ActionScript 3.0 para Flash Professional .

Criar um aplicativo com o componente Label

O procedimento a seguir explica como adicionar um componente Label a um aplicativo durante a criação. Neste exemplo, o rótulo simplesmente exibe o texto “Data de expiração”.

  1. Crie um novo documento Flash (ActionScript 3.0).

  2. Arraste um componente Label do painel Componentes para o Palco e atribua a ele os seguintes valores no Inspetor de propriedades:

    • Digite aLabel como nome de ocorrência.

    • Digite 80 como valor L.

    • Digite 100 como valor X.

    • Digite 100 como valor Y.

    • Digite Data de Expiração como parâmetro text .

  3. Arraste um componente TextArea para o Palco e atribua a ele os seguintes valores no Inspetor de propriedades:

    • Digite aTa como nome de ocorrência.

    • Digite 22 como valor A.

    • Digite 200 como valor X.

    • Digite 100 como valor Y.

  4. Abra o painel Ações, selecione Quadro 1 na Linha do tempo principal e digite o seguinte código do ActionScript: 

    var today:Date = new Date(); 
var expDate:Date = addDays(today, 14); 
aTa.text = expDate.toDateString(); 
 
function addDays(date:Date, days:Number):Date { 
return addHours(date, days*24); 
} 
 
function addHours(date:Date, hrs:Number):Date { 
return addMinutes(date, hrs*60); 
} 
 
function addMinutes(date:Date, mins:Number):Date { 
return addSeconds(date, mins*60); 
} 
 
function addSeconds(date:Date, secs:Number):Date { 
var mSecs:Number = secs * 1000; 
var sum:Number = mSecs + date.getTime(); 
return new Date(sum); 
}

  5. Selecione Controlar > Testar filme.

Criar um ocorrência de componente Label usando o ActionScript

O exemplo a seguir cria um parâmetro Label usando o ActionScript. Ele usa um rótulo para identificar a função de um componente ColorPicker e usa a propriedade htmlText para aplicar formatação ao texto do rótulo.

  1. Crie um novo documento Flash (ActionScript 3.0).

  2. Arraste o componente Label do painel Componentes para o painel Biblioteca do documento atual.

  3. Arraste o componente ColorPicker do painel Componentes para o painel Biblioteca do documento atual.

  4. Abra o painel Ações, selecione Quadro 1 na Linha do tempo principal e digite o seguinte código do ActionScript: 

    import fl.controls.Label; 
import fl.controls.ColorPicker; 
 
var aLabel:Label = new Label(); 
var aCp:ColorPicker = new ColorPicker(); 
 
addChild(aLabel); 
addChild(aCp); 
 
aLabel.htmlText = '<font face="Arial" color="#FF0000" size="14">Fill:</font>'; 
aLabel.x = 200; 
aLabel.y = 150; 
aLabel.width = 25; 
aLabel.height = 22; 
 
aCp.x = 230; 
aCp.y = 150;

  5. Selecione Controlar > Testar filme.