使用自定義皮膚調整Flex火花控件的大小

Question

我在Catalyst中爲TextInput火花控件製作了自定義外觀。

問題是，在Flash Builder的設計視圖中，我無法調整應用自定義外觀的TextInput控件的大小。我希望只能調整TextInput的長度，使其保持相同的字體指標和皮膚比例，因此我可以對短，中，長TextInput使用相同的外觀。

同樣，在運行時期間，我想將控件停靠在父容器的右側和/或底部，從而創建類似可調整大小的Web窗體。

我做了一個醜陋的，但簡單TextInput外觀的這個例子：

<?xml version="1.0" encoding="utf-8"?> 
<s:Skin xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx="http://ns.adobe.com/mxml/2009"> 
<fx:Metadata>[HostComponent(spark.components.TextInput)]</fx:Metadata> 
<s:states> 
     <s:State name="normal"/> 
     <s:State name="disabled"/> 
</s:states> 
<s:Group x="0" y="0"> 
     <s:Rect height="31" radiusX="5" width="182" x="0.5" y="0.5"> 
      <s:stroke> 
       <s:SolidColorStroke caps="none" color="#000000" joints="miter" miterLimit="4" weight="1"/> 
      </s:stroke> 
      <s:fill> 
       <s:SolidColor color="#FF90CD"/> 
      </s:fill> 
     </s:Rect> 
     <s:RichEditableText color="#2B4381" fontFamily="Arial" fontSize="12" tabStops="S0 S50 S100" x="11" y="11" width="161" heightInLines="1" id="textDisplay"/> 
</s:Group> 
</s:Skin> 

我首先想到的是，它是通過使用9分片進行，但找不到任何例子。

由於提前， 斯托

Answer 1

你需要改變你的定位/被明確到是相對於邊緣施膠，這樣的事情：

<?xml version="1.0" encoding="utf-8"?> 
<s:Skin xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx="http://ns.adobe.com/mxml/2009"> 
 <fx:Metadata>[HostComponent(spark.components.TextInput)]</fx:Metadata> 
 <s:states> 
      <s:State name="normal"/> 
      <s:State name="disabled"/> 
 </s:states> 
 <s:Rect left="0" right="0" top="0" bottom="0"> 
      <s:stroke> 
           <s:SolidColorStroke caps="none" color="#000000" joints="miter" miterLimit="4" weight="1"/> 
      </s:stroke> 
      <s:fill> 
           <s:SolidColor color="#FF90CD"/> 
      </s:fill> 
 </s:Rect> 
 <s:RichEditableText left="11" right="11" top="11" bottom="11" color="#2B4381" fontFamily="Arial" fontSize="12" tabStops="S0 S50 S100" heightInLines="1" id="textDisplay"/> 
</s:Skin> 

（我還沒有編譯或試過這個，只作爲例子編輯。）