Come rimuovere il bordo di un componente TextArea Flex 4 (alone a scintilla)

Question

Con Flex 3 SDK è sufficiente impostare lo stile borderThickness su 0 oppure impostare borderStyle su none. Con il Flex 4 SDK e il tema Spark, questo non ha alcun effetto.

Answer 1

È necessario impostare la borderSkin su null

<mx:TextArea borderSkin={null} /> 

Answer 2

non ho sguazzato in Flash Builder 4 ancora, ma so che in Flex 3 è possibile modificare le cose come questa (quando non è possibile, un altro modo):

var tb:TextInput = new TextInput(); 
tb.getChildAt(0).setStyle(...); 

potrebbe voler dare a questo una prova , devi solo trovare di solito l'elemento figlio corretto.

EDIT: Here's your answer

Answer 3

Prova qualcosa di simile:

borderVisible="false" 

Answer 4

Jeol la risposta funziona per i componenti MX, per la flessione 4 spark textarea component hai impostato borderVisible = "false" e nel codice lblMessage.setStyle ("contentBackgroundAlpha", 0);

Inoltre, se il vostro fare questo, probabilmente vuole l'hack per rendere la cosa autosize maledetta per il suo contenuto ... set heightInLines = "{} NaN"

<s:TextArea borderVisible="false" focusEnabled="false" width="100%" id="lblMessage" heightInLines="{NaN}" editable="false" selectable="true" lineBreak="toFit" verticalScrollPolicy="off" horizontalScrollPolicy="off" /> 

protected function OnCreationComplete(objEvent:Event):void{ 
    lblMessage.setStyle("contentBackgroundAlpha", 0); 
} 

... e grazie per RobotLegs , è davvero fantastico!

Answer 5

ben Ho provato il codice di cui sopra, ma non funziona per me Flex eroe SDK 4.5, quindi quello che ho fatto ho scelto il textArea e ha creato una nuova pelle personalizzato e modificare l'alfa confine a 0.

<!-- border/fill --> 
    <s:Rect left="0" right="0" top="0" bottom="0"> 
     <s:stroke> 
      <s:SolidColorStroke color="#5C5C5C" weight="1" alpha="0"/>    
     </s:stroke> 
     <s:fill> 
      <s:SolidColor color="#FFFFFF"/> 
     </s:fill> 
    </s:Rect> 

semplice e dolce

Answer 6

Se si desidera rimuovere il bordo dalla scintilla TextArea è qui ci sono alcuni modi per farlo: per rendere tutti TextAreas scintilla non hanno alcun confine si può fare questo:

s|TextArea { 
    borderVisible : false; 
} 

Si può anche fare uno stile semplice e applicarli solo a specifiche TextAreas scintilla in questo modo:

.noBorder { 
    borderVisible : false; 
} 
... 
<s:TextArea styleName="noBorder"/> 

È possibile disattivarlo tramite la creazione di completare in questo modo:

<s:Application ... 
    creationComplete="onCreationComplete()"/> 
... 
private function onCreationComplete() : void { 
    mySparkTextArea.setStyle('borderVisible', false); 
} 
... 
<s:TextArea id="mySparkTextArea"/> 
</s:Application> 

Infine, può fare una skin, per suggerimento di DrMaxmAd, in questo modo:

... 
<!-- border/fill --> 
<s:Rect left="0" right="0" top="0" bottom="0"> 
    <s:stroke> 
     <s:SolidColorStroke color="#5C5C5C" weight="1" alpha="0"/>    
    </s:stroke> 
    <s:fill> 
     <s:SolidColor color="#FFFFFF"/> 
    </s:fill> 
</s:Rect> 
... 

Answer 7

In Flex 3: il confine per il componente TextArea può essere controllato da noi ing questi due attributi/proprietà:

• borderSkin = "{null}"
• focusAlpha = "0"

fuoco alfa assicura che non si ottiene il confine mostrando anche quando il TextArea è selezionato.