如何在flex中寫曲線文本？

Question

如何在我的Flex應用程序中編寫曲線文本。我的應用程序中有一個圈子組件，分爲4個扇區。我的圈子組件是這樣的，我有一個外圈和一個內圈，兩圈之間有一個小間隙。現在，我想將曲線文本放置在四個區域的這個間隙中，隨着圓圈一起彎曲。我如何實現這一目標？

這是我的圈子組件：

package components 
{ 
    import mx.core.UIComponent; 
    public class MyCircle extends UIComponent 
    { 
     public var x1:int; 
      public var y1:int; 
      public var radius:int; 
     public var myText:String = "curve text test"; 

    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
    { 
     graphics.beginFill(0xDDDDDD); 
     graphics.lineStyle(1, 0x000000); 
     graphics.drawCircle(x1, y1, radius); 

     graphics.beginFill(0xDDDDDD); 
     graphics.lineStyle(1, 0x000000); 
     graphics.drawCircle(x1, y1, radius-40); 

     graphics.beginFill(0xFFFFFF); 
     graphics.lineStyle(1, 0x000000); 
     graphics.drawCircle(x1, y1, radius-100); 
    } 
    } 
    } 

在主MXML文件創建與此代碼的圈子：

<mx:VBox id="cle" label="Currents Quote" width="100%"> 

<comp:MyCircle x1="175" y1="150" radius="140" 
        mouseDown="handleMouseDown(event);"/>   

<comp:MyLine x1="175" y1="104"/> 
    </mx:VBox> 

文本「曲線文本測試」應該沿着日ecurve寫的圈子。有人指導我..

Answer 1

有很多great examples如何在網絡上做到這一點。 Google是你的朋友。

Answer 2

如果您仍然感興趣，我爲此開發了一個小型柔性組件。你可以在這裏找到它：http://code11.com/lab/experiments/flex/text-on-circle-flex-component/ 它應該很容易擴展代碼來實現你想要的。如果您需要更多幫助，我可能會提供幫助。