كيف يمكنك إزالة حدود مكون Flex 4 TextArea (هالة تحت عنوان الشرارة)

Question

باستخدام Flex 3 SDK، تحتاج ببساطة إلى ضبط نمط borderThickness على 0، أو تعيين borderStyle على لا شيء.مع سمة Spark لإعلان Flex 4 SDK، ليس لهذا أي تأثير.

Answer 1

لديك لضبط borderSkin فارغة

<mx:TextArea borderSkin={null} />

Answer 2

وجرب شيئا مثل:

borderVisible="false"

Answer 3

إذا كنت ترغب في إزالة الحدود من شرارة فيما يلي بعض الطرق للقيام بذلك في TextArea:لجعل كافة TextAreas الشرارة ليس لها حدود، يمكنك القيام بذلك:

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 4

وأنا لم انخرط في برنامج Flash Builder 4 بعد، لكنني أعرف في فليكس 3 يمكنك تعديل مثل هذه الامور (في حين ان غير ممكن وسيلة أخرى):

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

وقد تريد أن تعطي هذه المحاولة، وتحتاج فقط للعثور على عنصر تابع الصحيح عادة.

تعديل : ل هنا إجابتك

Answer 5

وJEOL إجابتك تعمل لمكونات MX، للمكون شرارة جزء النص المرن 4 قمت بتعيين borderVisible = "كاذبة" وفي التعليمات البرمجية lblMessage.setStyle ( "contentBackgroundAlpha"، 0)؛

وأيضا، إذا كان لديك تفعل هذا، وربما كنت تريد الإختراق لجعل الشيء autosize لعنة لأنها المحتوى ... وضع heightInLines = "{نان}"

<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

وكذلك لقد حاولت رمز أعلاه ولكنه لا يعمل بالنسبة لي فليكس بطل 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

في فليكس 3:يمكن التحكم في حدود مكون TextArea باستخدام هاتين السمتين/الخاصيتين:

• BorderSkin = "{null}"
• التركيز ألفا = "0"

يضمن Focus alpha عدم ظهور الحدود حتى عند تحديد TextArea.