軟硬度：需要幫助實現自定義組件的代碼虛線

Question

我是新來的Flex，我一直在試圖找出如何使用下面的代碼爲Flex 4中

http://riarange.wordpress.com/2010/10/29/how-to-create-a-dotted-line-or-dashed-line-in-flex-4/

創建虛線

我希望有人更好地瞭解Flex，可以簡單地提供一個完整的（最小）示例，該示例使用此代碼繪製虛線。我無法將這些部分拼湊在一起，我認爲作者假定了一些我缺乏的基本知識。如果我有一個工作的例子，我可以找出如何適應我的需求。

在此先感謝您的任何意見/幫助。如果有更好的虛線代碼，很想知道。

UPDATE：

我把自定義組件代碼到在COM目錄中的文件DottedLine.mxml。現在，我得到的是出現在<components:Group>行一個錯誤，指出：Could not resolve <components:Group> to a component implementation.

<mx:Application 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx" 
    xmlns:components="com.*" 
    minWidth="955" minHeight="600" xmlns:com="com.*"> 

<fx:Script><![CDATA[ 
    import mx.collections.ArrayCollection; 
    [Bindable] 
    public var expenses:ArrayCollection = new ArrayCollection([ 
    {Month:1, Profit:2000, Expenses:1500, Amount:450}, 
    {Month:2, Profit:1000, Expenses:200, Amount:600}, 
    {Month:2.05, Profit:1000, Expenses:500, Amount:300}, 
    {Month:2.1, Profit:1000, Expenses:500, Amount:450}, 
    {Month:2.15, Profit:1000, Expenses:200, Amount:600}, 
    {Month:2.2, Profit:1000, Expenses:500, Amount:300}, 
    {Month:2.25, Profit:1000, Expenses:500, Amount:450}, 
    {Month:2.3, Profit:1000, Expenses:200, Amount:600}, 
    {Month:2.35, Profit:1000, Expenses:500, Amount:300}, 
    {Month:2.4, Profit:1000, Expenses:500, Amount:450}, 
    {Month:2.45, Profit:1000, Expenses:200, Amount:600}, 
    {Month:2.5, Profit:1000, Expenses:500, Amount:300}, 
    {Month:2.55, Profit:1000, Expenses:500, Amount:450}, 
    {Month:2.6, Profit:1000, Expenses:200, Amount:600}, 
    {Month:2.65, Profit:1000, Expenses:500, Amount:300}, 
    {Month:2.7, Profit:1000, Expenses:500, Amount:450}, 
    {Month:2.75, Profit:1000, Expenses:200, Amount:600}, 
    {Month:2.8, Profit:1000, Expenses:500, Amount:300}, 
    {Month:2.85, Profit:1000, Expenses:500, Amount:450}, 
    {Month:2.9, Profit:1000, Expenses:200, Amount:600}, 
    {Month:6, Profit:1500, Expenses:500, Amount:300} 
    ]); 

]]></fx:Script> 

<mx:Panel title="Line Chart With Strokes"> 

    <mx:LineChart id="myChart" dataProvider="{expenses}" showDataTips="true" seriesFilters="{new Array}"> 
     <mx:horizontalAxis> 
      <mx:LinearAxis /> 
     </mx:horizontalAxis> 
     <mx:series> 
      <mx:LineSeries xField="Month" yField="Expenses" displayName="Expenses"> 
       <mx:lineStroke> 
        <mx:SolidColorStroke id="s1" color="0xBD171B" weight="4"/> 
       </mx:lineStroke> 
      </mx:LineSeries> 
      <mx:LineSeries xField="Month" yField="Amount" displayName="Amount"> 
       <components:Group> 
        <components:DottedLine width="500" height="2" dotColor="0xFFFFFF" dotWidth="3" dotAlpha="1" />  
       </components:Group> 
      </mx:LineSeries> 
     </mx:series> 
    </mx:LineChart> 
    <mx:Legend dataProvider="{myChart}" direction="horizontal"/> 
</mx:Panel> 

Answer 1

我在Flex 3的做這些，但相信他們應該在的Flex 4都工作過，有」還有其他的例子比我擁有的和你發佈的更好，但這取決於你如何應用虛線。如果這沒有幫助讓我知道，我會盡力澄清： http://www.shaunhusain.com/TestDashedLines/index.html

http://www.shaunhusain.com/TestDashedLines/index2.html

http://www.shaunhusain.com/TestDashedLines/srcview/

我這裏有什麼是在一個項目中的兩個應用，第一頁是輸出使用SimpleDashedLine類，它基本上是用一個破折號繪製一個HRule。第二種是在其他對象圖形上繪製任意直線。