Flex 3 SDK では、borderThickness スタイルを 0 に設定するか、borderStyle を none に設定するだけで済みました。Flex 4 SDK 広告の Spark テーマでは、これは効果がありません。
7 に答える
次のようなものを試してください:
borderVisible="false"
Spark TextAreaから境界線を削除したい場合は、いくつかの方法があります: すべてのspark TextArea に境界線を持たないようにするには、次のようにします。
s|TextArea {
borderVisible : false;
}
シンプルなスタイルを作成して、次のように特定の spark TextArea にのみ適用することもできます。
.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>
...
私はまだ Flash Builder 4 に手を出していませんが、Flex 3 では次のような変更ができることを知っています (別の方法では不可能な場合)。
var tb:TextInput = new TextInput();
tb.getChildAt(0).setStyle(...);
これを試してみたいと思うかもしれませんが、通常は正しい子要素を見つける必要があります。
編集:これがあなたの答えです
borderSkin を null に設定する必要があります
<mx:TextArea borderSkin={null} />
上記のコードを試しましたが、Flex Hero SDK 4.5では機能しません。そこで、textAreaを選択して新しいカスタムスキンを作成し、境界線のアルファを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>
シンプルで甘い
Jeol の答えは、MX コンポーネント、flex 4 spark textarea コンポーネントの場合、borderVisible="false" を設定し、コード lblMessage.setStyle("contentBackgroundAlpha", 0); で機能します。
また、これを行う場合、おそらくハックがその内容に合わせて自動サイズ調整することを望んでいます... 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);
}
...そして、RobotLegs に感謝します。