在图形中的Flex中渲染文本

时间:2010-12-22 06:46:40

标签: flex flash actionscript

我是Flex(和Flash)的新手,现在只是玩游戏。我在Canvas上使用绘图方法将其着色为蓝色,并且想要绘制文本,但是,我在代码中的某处出现了错误。

<?xml version="1.0" ?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0" enterFrame="enterFrame(event)" applicationComplete="addtext(event)">
    <mx:VBox width="640" height="480">
        <mx:Label id="debug" text="No debug yet." />
        <mx:Button id="myButton" label="Hello World" />
        <mx:Button id="myOtherButton" label="Foo Bar Baz" />
        <mx:Canvas id="myCanvas" width="100%" height="100%" />
    </mx:VBox>
    <mx:Script>
    <![CDATA[
    import flash.text.engine.*;
    import mx.controls.*;

    public function addtext(event:Event):void
    {
        Alert.show("foo!");
        var str:String = "Hello World.";
        var format:ElementFormat = new ElementFormat();
        var textElement:TextElement = new TextElement(str, format);
        var textBlock:TextBlock = new TextBlock();
        textBlock.content = textElement;
        var textLine:TextLine = textBlock.createTextLine(null, 300);
        textLine.x = 30;
        textLine.y = 200;
        Alert.show("baz!");
        this.addChild(textLine); // Execution appears to cease here.
        Alert.show("bar!");
    }

    public function enterFrame(event:Event):void
    {
        myCanvas.graphics.clear();
        myCanvas.graphics.beginFill(0x66666FF);
        myCanvas.graphics.drawRect(0, 0, myCanvas.width, myCanvas.height);
        myCanvas.graphics.endFill();
    }
    ]]>
    </mx:Script>
</mx:Application>

警报到达“baz!”但不是“吧!”,所以错误就在那里。另外,我一直在Firefox和fdb中运行它,但fdb没有输出任何内容 - 它只是启动了一个Flash播放器。关于如何调试Flash的起点

1 个答案:

答案 0 :(得分:1)

恕我直言,这是闪光和柔韧之间的模糊混合。 第一:我建议如果你想要你的画布为蓝色,你可以使用:

<mx:canvas backgroundColor="0x66666FF" width="100%" height="100%" />

其次,文本布局框架(Commonly TLF)是我推荐你跳过的主题,直到你对flex和flash更加熟悉。

您遇到的错误是因为TextLine没有实现IUIComponent,因此无法添加到Flex容器中。

如果你想使用TLF,你需要在你的应用程序中添加一个能够处理它的spark组件。 s:RichText或s:TextArea

快乐的编码!!