我是动作脚本的新手。试图将句子分为单词并以精灵的形式显示。而且还需要我单击的哪个精灵

Question

我试图将句子分为单词，并将其显示为Sprite（）

var sentence:String = "My name is Subhadip.";
var txt:Array = new Array();
var splittedSentence:Array = sentence.split(" ");

var myArraySprites:Array = new Array();
var myTextImage:Array = new Array();
var div = 40;
for (var i:int = 0; i < splittedSentence.length; i++)
{
    var v = 300 - (div * i);
    //...
    txt[i] = new TextField();
    txt[i].autoSize = TextFieldAutoSize.CENTER;
    txt[i].text = splittedSentence[i];
    
    var format1:TextFormat = new TextFormat();
    format1.size = 24;
    txt[i].setTextFormat(format1);
    trace(txt[i]);
    
    myArraySprites[i] = new Sprite();
    myArraySprites[i].graphics.lineStyle(1, 0x000000, 1);
    myArraySprites[i].buttonMode = true;
    myArraySprites[i].graphics.beginFill( 0xfffffff );
    myArraySprites[i].graphics.drawRect(50, v, 150, div);
    

    myTextImage[i] = new BitmapData(100,v,true,0xffffff);
    myTextImage[i].draw(txt[i]);
    trace(myTextImage[i]);
    
    
    //myArraySprites[i].graphics.beginBitmapFill(myTextImage[i]);
    //myArraySprites[i].graphics.endFill();

    myArraySprites[i].addChild(new Bitmap(myTextImage[i]));
    addChild(myArraySprites[i]);

    myArraySprites[i].addEventListener(MouseEvent.CLICK, removeThis);


}
function removeThis(e:MouseEvent):void
{
    var clickTarget:int = myArraySprites.indexOf(e.currentTarget);
    trace("Clicked sprite (id): " + clickTarget);
}

[在此处输入图像说明] [1]

试图将句子分为单词并在Sprite中显示。而且还需要我单击哪个精灵 [1]： https://i.sstatic.net/rzhuq.png

Answer 1

问题在于，您正在两个不同的地方处理屏幕位置：

myArraySprites[i].graphics.drawRect(50, v, 150, div);

并

myTextImage[i] = new BitmapData(100,v,true,0xffffff);

以更面向对象的方式对其进行思考。每个Sprite实例您要单击是一个对象。因此，它还保留了主要属性，例如由x和y属性确定的屏幕位置。

这些精灵中的每一个都具有相等的宽度＆amp;高度，因此将其作为全球财产。

var wid:Number = 150;
var hei:Number = 40;

如果我们查看您的.png，我们可以看到您想在这样的精灵中以一个单词为中心。为了使事情变得更容易，我们可以使用.align textformat类的属性，将其设置为“ Center”，并使每个Textfield 150 x 40使用wid和hei属性。

最后，每个精灵的垂直屏幕位置都通过hei == 40像素移动。因此，让我们确定一个开始位置：

var yPos:Number = 300;

将其分配给Sprite实例：

myArraySprites[i].x=50;
myArraySprites[i].y=yPos;

并通过hei将其降低。

一切都放在一起：

            var yPos:Number = 300;
            var wid:Number = 150;
            var hei:Number = 40;
            var sentence:String = "My name is Subhadip.";
            var txt:TextField = new TextField();
            txt.width = wid;
            txt.height = hei;
            var format1:TextFormat = new TextFormat();
            format1.size = 24;
            format1.align = "center";
            var splittedSentence:Array = sentence.split(" ");

            var myTextImage:Array = new Array();
            for (var i:int = 0; i<splittedSentence.length; i++)
            {
                txt.text = splittedSentence[i];
                txt.setTextFormat(format1);

                myArraySprites[i] = new Sprite();
                myArraySprites[i].x = 50;
                myArraySprites[i].y = yPos;

                myArraySprites[i].graphics.lineStyle(1, 0x000000, 1);
                myArraySprites[i].buttonMode = true;
                myArraySprites[i].graphics.beginFill(0xfffffff);
                myArraySprites[i].graphics.drawRect(0, 0, wid, hei);

                myTextImage[i] = new BitmapData(wid, hei, true, 0xffffff);
                myTextImage[i].draw(txt);

                myArraySprites[i].addChild(new Bitmap(myTextImage[i]));
                addChild(myArraySprites[i]);

                myArraySprites[i].addEventListener(MouseEvent.CLICK, removeThis);

                yPos -= hei;
            }