你如何删除一个Flex 4 TextArea组件(Spark主题的光环)的边界(How do you

2019-09-17 01:28发布

与Flex 3 SDK,你只是需要到了borderThickness样式设置为0,或设置的borderStyle无法比拟的。 与Flex 4 SDK广告Spark主题,这没有任何影响。

Answer 1:

尝试是这样的:

borderVisible="false"


Answer 2:

如果你想从火花文本区删除边框在这里有一些方法来做到这一点:为了使所有的火花文字区域没有边界,你可以这样做:

s|TextArea {
  borderVisible : false;
}

你也可以做一个简单的款式,只把它们应用到具体的火花文字区域,如下所示:

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

你可以像这样通过建立完整的将其关闭:

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

最后,你可以做一个皮肤,每DrMaxmAd的建议,就像这样:

...
<!-- 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 3:

我没有在Flash Builder中涉足尚4,但我知道Flex 3中,你可以修改这样的事情(当其无法另一种方法):

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

可能想这给一个尝试,你只需要通常会找到正确的子元素。

编辑 : 这是你的答案



Answer 4:

你必须设置borderSkin为null

<mx:TextArea borderSkin={null} />


Answer 5:

日本电子你的答案适用于MX组件,柔性4 Spark TextArea组件的设置borderVisible =“假”,并在代码lblMessage.setStyle(“contentBackgroundAlpha”,0);

另外,如果你这样做,你可能想劈让该死的东西,自动调整到它的内容...设置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);
 }

...并感谢Robotlegs的,它吓坏真棒!



Answer 6:

嗯,我已经尝试了上面的代码,但它不为我工作的Flex SDK英雄4.5,所以我做了什么,我选择了文本区域和创建新的自定义皮肤和更改边框阿尔法为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>

简单而甜美



Answer 7:

在Flex 3:TextArea组件的边界可以通过使用这两个属性/特性来控制:

  • borderSkin = “{NULL}”
  • focusAlpha = “0”

焦点阿尔法确保你没有得到边界显示出来,即使选择了文本区。



文章来源: How do you remove the border of a Flex 4 TextArea Component (spark themed halo)