apache-flex 在Flex、ActionScript 3中动态显示文本

8tntrjer  于 2022-11-01  发布在  Apache
关注(0)|答案(1)|浏览(173)

我一直在使用FlexSDK4.6在ActionScript 3中显示文本时遇到问题。我尝试的任何方法都没有任何变化或出现黑屏;这是我的项目代码和尝试。
mxml是一个简单的mx:Application标记,相关部分是

<mx:Script>
<![CDATA[
  include "MyProject.as"; //simply running my project file
]]>
</mx:Script>

<mx:Canvas id="gamePanel" x="0" y="0" width="100%" height="100%"/> //defining the canvas

在www.example.com中MyProject.as我有

import flash.display.*; 
import flash.events.*;
import mx.events.*;
import mx.controls.*;

import Game;

public static const SCREEN_WIDTH:int = 960;
public static const SCREEN_HEIGHT:int = 720;
private var initializationCompleted:Boolean = false;
public var screenBuffer:BitmapData;
public var game:Game;

public function setup():void {
    screenBuffer = new BitmapData(SCREEN_WIDTH, SCREEN_HEIGHT, false, 0x00000000);
    game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT, screenBuffer);
    initializationCompleted = true;
}

private function updateFrame():void {
    if (!initializationCompleted) {
        return;
    }

    draw();

    gamePanel.graphics.clear();
    gamePanel.graphics.beginBitmapFill(screenBuffer, null, false, false);
    gamePanel.graphics.drawRect(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);
    gamePanel.graphics.endFill();
}

private function draw():void {
    game.update();
}

在www.example.com中Game.as,我只是使用BitmapData类绘制所有内容,然后将所有内容复制到screenBuffer:

screenBuffer.copyPixels(myBitmap, new Rectangle(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT), new Point(0,0));

(This只是相关的代码--我尽可能多地进行了删减,留下了一个“最小、完整和可验证的示例”)
现在我在项目中显示文本时遇到了问题。我知道TextFieldflash.display.Sprite的子类,可以添加到画布中。每当我尝试使用类似

var txtHello:TextField = new TextField();
txtHello.text = "Hello World";
gamePanel.addChild(txtHello)

这要么什么都不改变(如果在setup()中使用,我假设我在它上面绘制,否则它永远不会显示),要么导致黑屏(如果在updateFrame()中的任何地方使用,我假设我在创建无限的精灵)。
我尝试过创建一个名为“www.example.com“的新文件TextWithImage.as,其中包含

//this is ripped off the adobe help page
package { 
    import flash.display.Sprite; 
    import flash.text.*; 

    public class TextWithImage extends Sprite { 
        private var myTextBox:TextField = new TextField(); 
        private var myText:String = "Hello World"; 

        public function TextWithImage() { 
            addChild(myTextBox); 
            myTextBox.text = myText; 
        } 
    } 
}

将其导入到www.example.com中MyProject.as,然后将其用作

gamePanel.addChild(new TextWithImage());

和我之前的尝试效果一样。
在Flex/AS 3中显示文本最简单的方法是什么?如有任何帮助,我们将不胜感激,并在此提前表示感谢!

eqzww0vc

eqzww0vc1#

这里有一个小窍门。Flex组件虽然具有从DisplayObjectContainer类派生的相同的addChild方法,但实际上不能直接添加常规Flash内容-- Shape、Sprite、MovieClip、TextField、Bitmap。更重要的是,它们不会产生任何运行时错误,我个人认为它们完全可以避免混淆新用户。
Flex组件只能addChild扩展基本UIComponent类的类。同时,UIComponent可以addChild常规Flash内容。因此,您可以按如下方式执行此操作:

var proxyContainer:UIComponent = new UIComponent;
var txtHello:TextField = new TextField;

txtHello.text = "Hello World";
proxyContainer.addChild(txtHello);

gamePanel.addChild(proxyContainer);

相关问题