Avec le SDK Flex 3, vous devez simplement définir le style borderThickness sur 0 ou définir borderStyle sur none. Avec le SDK Flex 4 et le thème Spark, cela n'a aucun effet.Comment supprimer la bordure d'un composant Flex 4 TextArea (halo sur le thème spark)
Répondre
Vous devez définir le borderSkin null
<mx:TextArea borderSkin={null} />
Je ne l'ai pas encore tâté dans Flash Builder 4, mais je sais que dans Flex 3, vous pouvez modifier des choses comme ça (quand ce ne est pas possible une autre façon):
var tb:TextInput = new TextInput();
tb.getChildAt(0).setStyle(...);
voudrez peut-être pour cette solution , vous avez juste besoin de trouver l'élément enfant correct habituellement.
EDIT: Here's your answer
Essayez quelque chose comme:
borderVisible="false"
Jeol votre réponse fonctionne pour les composants MX, pour le flex 4 composant spark textarea vous définissez borderVisible = "false" et dans le code lblMessage.setStyle ("contentBackgroundAlpha", 0);
De plus, si vous faites cela, vous voulez probablement le hack pour faire la autosize chose sacrément à son contenu ... 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);
}
... et Merci pour RobotLegs , c'est génial!
bien que j'ai essayé le code ci-dessus, mais il ne fonctionne pas pour moi Flex Hero SDK 4.5, donc ce que j'ai-je choisi le textArea et créé une nouvelle peau personnalisée et changer l'alpha frontière à 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>
simple et doux
Si vous souhaitez supprimer la frontière de étincelle TextArea, voici quelques façons de le faire: pour toutes textareas d'allumage n'a pas de frontière, vous pouvez le faire:
s|TextArea {
borderVisible : false;
}
Vous pouvez également faire un style simple et les appliquer uniquement à textareas d'allumage spécifiques comme ceci:
.noBorder {
borderVisible : false;
}
...
<s:TextArea styleName="noBorder"/>
Vous pouvez désactiver par la création complète comme ceci:
<s:Application ...
creationComplete="onCreationComplete()"/>
...
private function onCreationComplete() : void {
mySparkTextArea.setStyle('borderVisible', false);
}
...
<s:TextArea id="mySparkTextArea"/>
</s:Application>
Enfin, vous peut rendre un skin, comme suggéré par DrMaxmAd, comme ceci:
...
<!-- 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>
...
Dans Flex 3: La bordure du composant TextArea peut être contrôlée par nous ces deux attributs ing/propriétés:
- borderSkin = "{null}"
- focusAlpha = "0"
Mise au point alpha garantit que vous ne recevez pas la frontière montrant même lorsque la TextArea est sélectionné.
- 1. FLEX 4 s: Scroller, comment rendre le composant contenu visible?
- 2. Faites défiler jusqu'à l'élément sélectionné dans le composant Flex 4 Spark List
- 3. Supprimer la bordure intérieure sur gtk.Button
- 4. Flex: Comment savoir si TextArea a le curseur clignotant
- 5. Comment installer Flex SDK 4 sur Flex Builder 3.0.2?
- 6. Flex/Actionscript truncateToFit sur le composant d'étiquette
- 7. Supprimer la bordure de JComboBox
- 8. Comment configurer l'unité Flex 4
- 9. Flex 4: Construire un groupe avec un fond
- 10. États globaux dans Flex 4
- 11. Comment supprimer la bordure de la zone client d'une fenêtre?
- 12. Modifier le pointeur de la souris sur la bordure du composant
- 13. Erreur de navigateur Web spark spark
- 14. Flex 4 avec AIR
- 15. Comment supprimer la bordure grise entourant les images d'arrière-plan?
- 16. Spark View Engine Html.TextArea Bug?
- 17. Animation d'éléments enfants dans Flex 4
- 18. La propagation d'événements Flex 3 sur un composant personnalisé composite?
- 19. Comment puis-je onglet sur un composant ButtonBar dans Flex?
- 20. Google Maps dans le composant Flex
- 21. Flex TextArea Maintenez la mise au point/la sélection lorsqu'un clic est effectué sur un bouton
- 22. Comment déplacer par programmation le curseur d'une TextArea Flex à la fin?
- 23. Comparer Flex 3 et 4
- 24. Flex: comment redimensionner et déplacer un composant en cours d'exécution?
- 25. ASP.NET définir le thème basé sur l'URL
- 26. Flex - Eviter un événement de clic sur le conteneur lorsque vous cliquez sur le composant inclus
- 27. Comportement de redimensionnement automatique Flex TextArea - est-ce possible?
- 28. Problème de composant personnalisé Flex
- 29. comment faire saut de ligne de texte dans textarea flex
- 30. Suppression de la bordure de zone de texte en HTML
La question concerne spark.components.TextArea, pas mx.controls.TextArea –
pas à la fois. C'était en version bêta si je me souviens bien. –