Flex ActionScript 项目对象声明中出现错误。（project.mxml 文件）

Question

我有一个 Flex ActionScript 应用程序，我需要在舞台上绘制一个简单的矩形。我正在使用 firstapp.mxml 和另一个名为 Book.as 的类；

这是我完成的完整代码。

firstapp.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute">

    <mx:Script>
        <![CDATA[
            import com.books.Book;
            import flash.display.*;

            var n:Book = new Book;
            //n.var1 = "Another String";
            addChild(n);
        ]]>
    </mx:Script>

</mx:Application>

Book.as

package com.books
{
    import flash.display.*;

    public class Book extends Sprite
    {
        public var var1:String = "Test Var";
        public var var2:Number = 1000;

        public function Book()
        {

            var b = new Sprite;
            b.graphics.beginFill(0xFF0000, 1);
            b.graphics.drawRect(0, 0, 500, 200);
            b.graphics.endFill();
            addChild(b);
        }

    }
}

我是 Flex 新手，所以请帮我解决这个问题。我想显示矩形。

Answer 1

USE var n:Book = new Book();而不是 var n:Book = new Book;

Answer 2

麦克向你展示了好方法。但如果您只想快速显示某些内容，请更改

addChild(b);

为

rawChildren.addChild(b);

编辑：一些说明：应用程序是 UIComponent，因此其 addChild 方法需要 UIComponent。您想要添加精灵。这可以通过应用程序中的 rawChildren.addChild 方法来完成。 rawChildren 对于让 Sprites 与 UIComponent 一起工作非常有用，但是您必须自己管理 Sprites（大小和布局）。

Answer 3

由于您尝试将其添加到 Flex 组件中，因此您可能需要将 Book 包装在 UIComponent 实例中：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute">

    <mx:Script>
        <![CDATA[
            import com.books.Book;
            import flash.display.*;

            var n:UIComponent = new UIComponent;
            n.addChild(new Book);
            addChild(n);
        ]]>
    </mx:Script>

</mx:Application>

另一种方法是让 Book 继承 UIComponent，如下所示：

package com.books
{
    import flash.display.*;

    public class Book extends UIComponent
    {
        public var var1:String = "Test Var";
        public var var2:Number = 1000;

        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
        {
            graphics.beginFill(0xff0000, 1);
            graphics.drawRect(0, 0, 500, 200);
            graphics.endfill();
        }
    }
}

然后您可以将 Book 直接添加到您的应用程序中，就像这样：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:books="com.books.*"
    layout="absolute">

    <books:Book />

</mx:Application>

此外，我建议您阅读 Flex 组件架构。 Adobe 在主题，但您应该知道该信息特定于 Flex 3（我注意到您正在使用 Flex 3，因此有链接）。尽管许多信息可能仍然适用于 Flex 4（例如组件生命周期），但还是存在差异，尤其是在皮肤方面。