domingo, 11 de setembro de 2011

CheckBox com quebra de linha

Blz?! Depois de quase um ano sem postrar nada essa dica é bem interessante. O componente
CheckBox padrão do Flex não faz quebra de linha oque na minha opinião é uma tremenda furada por parte da Adobe mas como quase sempre há um "jeitinho", este é mais um deles. O componente deste artigo faz a quebra de linha do texto do checkBox e é importante salientar que a quebra é feita pela propriedade width sendo assim não é necessário colocar "\n" no texto.

Source da classe
package {

  import flash.text.TextFieldAutoSize;
  
  import mx.controls.CheckBox;
  
  public class CheckBoxMultLine extends CheckBox {
    public function CheckBoxMultLine() {
      super();
    }
    
    override protected function createChildren(): void {
      super.createChildren();
  
      textField.wordWrap = true;
      textField.autoSize = TextFieldAutoSize.LEFT;
    }
    
    override protected function updateDisplayList(unscaledWidth: Number, unscaledHeight: Number):void {
      super.updateDisplayList(unscaledWidth, unscaledHeight);
    }
  }
}

Exemplo



Obs.: O mesmo pode ser feito com o RadioButton

Bons estudos e bom trabalho a todos.

Abraços

2 comentários:

ao invez de fazer isso tudo vc pode usar a propriedade maxWidth que quebra a linha

Postar um comentário

Twitter Delicious Facebook Digg Stumbleupon Favorites More