Làm thế nào để loại bỏ đường viền của thành phần Flex 4 TextArea (quầng sáng theo chủ đề tia lửa)

Question

Với Flex 3 SDK, bạn chỉ cần đặt kiểu borderThickness thành 0, hoặc đặt borderStyle thành none. Với quảng cáo Flex 4 SDK, chủ đề Spark, điều này không có hiệu lực.

Answer 1

Bạn cần phải thiết lập các borderSkin null

<mx:TextArea borderSkin={null} /> 

Answer 2

tôi đã không dabbled trong Flash Builder 4 nêu ra, nhưng tôi biết trong Flex 3, bạn có thể sửa đổi những thứ như thế này (khi nó không thể thực hiện một cách khác):

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

Có thể muốn cung cấp cho một thử này , bạn chỉ cần tìm đúng phần tử con.

EDIT: Here's your answer

Answer 3

Hãy thử một cái gì đó như:

borderVisible="false" 

Answer 4

JEOL câu trả lời của bạn làm việc cho các thành phần MX, cho flex 4 thành phần textarea tia lửa bạn đặt borderVisible = "false" và trong mã lblMessage.setStyle ("contentBackgroundAlpha", 0);

Ngoài ra, nếu bạn làm điều này, có thể bạn muốn hack để làm điều AutoSize chết tiệt đến nội dung của nó ... đặt 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); 
} 

... và cám ơn cho RobotLegs Thật là tuyệt vời!

Answer 5

tôi cũng đã thử đoạn code trên nhưng nó không làm việc cho tôi Flex Anh hùng SDK 4.5, vì vậy những gì tôi đã làm tôi chọn textArea và tạo ra một làn da tùy chỉnh mới và thay đổi alpha biên giới để 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> 

đơn giản và ngọt ngào

Answer 6

Nếu bạn muốn loại bỏ biên giới từ spark TextArea là đây là một số cách để làm như vậy: để làm cho tất cả textareas spark không có đường viền bạn có thể làm điều này:

s|TextArea { 
    borderVisible : false; 
} 

Bạn cũng có thể tạo ra một phong cách đơn giản và chỉ áp dụng chúng vào textareas spark cụ thể như sau:

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

Bạn có thể tắt nó đi qua tạo hoàn thành như vậy:

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

Cuối cùng, bạn có thể làm cho da, theo đề xuất của DrMaxmAd, như vậy:

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

Trong Flex 3: Đường viền cho thành phần TextArea có thể được kiểm soát bởi chúng tôi ing hai thuộc tính/tài sản:

• borderSkin = "{rỗng}"
• focusAlpha = "0"

Focus alpha đảm bảo rằng bạn không nhận được biên giới hiển thị ngay cả khi TextArea được chọn.