按钮不起作用

时间:2011-08-06 18:21:02

标签: actionscript-3

我有以下问题/错误:

我制作了一个自定义按钮类(称为CustomBlitButton),其中定义了一个按钮。按钮的滚动过度状态在CustomScreen类中定义。那是因为自定义屏幕包含一个或多个按钮。我可以在使用CustomScreen类的createButton函数时创建一个按钮。

因此,如果我想制作一个带菜单的屏幕,即几个按钮,我会这样做(这只是一个摘录):

private var buttonOff:ButtonOff = new ButtonOff(0, 0);
private var buttonOver:ButtonOver = new ButtonOver(0, 0);

private var buttonOff2:ButtonOff = new ButtonOff(0, 0);
private var buttonOver2:ButtonOver = new ButtonOver(0, 0);

private var creditsButton:CustomBlitButton;
private var settingsButton:CustomBlitButton;


titleScreen = new CustomScreen(FrameWorkStates.STATE_SYSTEM_TITLE,     stageWidth, stageHeight, 0, 0, testPic,
                                           false, 0x000000);            

titleScreen.createButton(creditsButton, buttonOff, buttonOver, "Credits", new Point(centerX - 50, stageHeight / 2 + 25), 100, 20,
                                     screenButtonFormat, 2);

titleScreen.createButton(settingsButton, buttonOff2, buttonOver2, "Settings", new Point(centerX - 50, stageHeight / 2 + 50), 100, 20,
                                     screenButtonFormat, 2);

但它不起作用!:(在屏幕上出现几个按钮,每个按钮都有自己的eventListener,但只有我创建的最后一个按钮在我将鼠标移到它上面时会改变它的颜色。所有其他按钮都不会改变它们的颜色用鼠标移动它们时的颜色。

拜托,有人可以帮我解决这个问题吗?非常感谢你。:)

这是定义了自定义按钮滚动状态的自定义屏幕的代码。

package com.framework_mod.src
{
import flash.display.*;
import flash.events.*;
import flash.geom.Point;
import flash.text.*;



public class CustomScreen extends Sprite {

    private var displayText:TextField = new TextField();
    private var backgroundBitmapData:BitmapData;
    private var backgroundBitmap:Bitmap;
    private var okButton:SimpleBlitButton;
    private var custButton:CustomBlitButton;
    private var settingsButton:SimpleBlitButton;
    private var creditsButton:SimpleBlitButton;
    private var instructionsButton:SimpleBlitButton;
    private var highscoreButton:SimpleBlitButton;
    private var levelButton:SimpleBlitButton;
    private var testButton:CustomBlitButton;


    private var id:int;


    public function CustomScreen(id:int, width:Number, height:Number, xPos:int, yPos:int, image:BitmapData,
                                isTransparent:Boolean, color:uint) {
        this.id = id;

        backgroundBitmap = new Bitmap(image);
        this.x = xPos;
        this.y = yPos;
        addChild(backgroundBitmap);
    }



    public function createDisplayText(text:String, width:Number, location:Point, textFormat:TextFormat):void {
        displayText.y = location.y;
        displayText.x = location.x;
        displayText.width = width;
        displayText.defaultTextFormat = textFormat;
        displayText.text = text;
        displayText.selectable = false;
        displayText.mouseEnabled = true;
        displayText.embedFonts = true;
        displayText.blendMode = BlendMode.LAYER;
        displayText.alwaysShowSelection = false;
        addChild(displayText);
    }



    public function createButton(button:CustomBlitButton, btnOff:ButtonOff, btnOver:ButtonOver, text:String, location:Point, width:Number,
                                     height:Number, textFormat:TextFormat, positionOffset:Number = 0):void {

        custButton = button;

        custButton = new CustomBlitButton(btnOff, btnOver, location.x, location.y, width, height, text,
                                        textFormat, positionOffset);
        addChild(custButton);

        custButton.addEventListener(MouseEvent.MOUSE_OVER, buttonOverListener, false, 0, true);
        custButton.addEventListener(MouseEvent.MOUSE_OUT, buttonOffListener, false, 0, true);
        custButton.addEventListener(MouseEvent.CLICK, buttonClickListener, false, 0, true);


    }


    public function setDisplayText(text:String):void {
        displayText.text = text;
    }



    public function buttonClickListener(e:MouseEvent):void {
        dispatchEvent(new CustomEventButtonId(CustomEventButtonId.BUTTON_ID, id));
    }


    private function buttonOverListener(e:MouseEvent):void {
        custButton.changeBackGroundColor(CustomBlitButton.OVER);
    }


    private function buttonOffListener(e:MouseEvent):void {
        custButton.changeBackGroundColor(CustomBlitButton.OFF);
    }

}

}

这是定义按钮的代码:

package com.framework_mod.src
{
import flash.display.*;
import flash.text.*;


public class CustomBlitButton extends Sprite
{
    public static const OFF:int = 1;
    public static const OVER:int = 2;

    private var offBackGroundBD:BitmapData;
    private var overBackGroundBD:BitmapData;

    private var imageBg:BitmapData;

    private var positionOffset:Number;
    private var tempText:TextField = new TextField();

    private var buttonBackGroundBitmap:Bitmap;
    private var buttonTextBitmapData:BitmapData;
    private var buttonTextBitmap:Bitmap;

    public function CustomBlitButton(imageOff:BitmapData, imageOver:BitmapData, x:Number, y:Number, width:Number,
                                     height:Number, text:String, textformat:TextFormat, positionOffset:Number = 0)
    {
        this.positionOffset = positionOffset;
        this.x = x;
        this.y = y;


        offBackGroundBD = imageOff;
        overBackGroundBD = imageOver;

        buttonBackGroundBitmap = new Bitmap(offBackGroundBD);

        tempText.embedFonts = true;
        tempText.blendMode = BlendMode.LAYER;
        tempText.autoSize = TextFieldAutoSize.LEFT;
        tempText.defaultTextFormat = textformat;
        tempText.selectable = false;
        tempText.setTextFormat(textformat);
        tempText.text = text;

        buttonTextBitmapData = new BitmapData(tempText.textWidth + positionOffset, tempText.textHeight
                                              + positionOffset,true,0x00000000);

        buttonTextBitmapData.draw(tempText);
        buttonTextBitmap = new Bitmap(buttonTextBitmapData);
        buttonTextBitmap.x = ((buttonBackGroundBitmap.width - int(tempText.textWidth))/2)-positionOffset;
        buttonTextBitmap.y = ((buttonBackGroundBitmap.height - int(tempText.textHeight))/2)-positionOffset;

        addChild(buttonBackGroundBitmap);
        addChild(buttonTextBitmap);
        this.buttonMode = true;
        this.mouseChildren = false;
        this.useHandCursor = true;
    }

    public function changeBackGroundColor(typeval:int):void
    {
        if (typeval == CustomBlitButton.OFF)
        {
            buttonBackGroundBitmap.bitmapData = offBackGroundBD;
        }
        else
        {
            buttonBackGroundBitmap.bitmapData = overBackGroundBD;
        }
    }


}

}

1 个答案:

答案 0 :(得分:1)

你的代码非常混乱,但是想指出一些我发现可能会使你的代码工作的故障:

首先,当您在CustomScreen的单个实例中创建按钮时,它们将链接到同一个变量:CustomScreen.custButton

然后,custButton是拥有侦听器的人,而不是链接按钮的引用:creditsButton和settingsButton

因此,每次创建按钮时,都会将custButton链接到其他对象,同时链接侦听器,前一个按钮变为取消链接,而不是监听事件

我建议你创建一个真正的Button类,每个按钮必须从中派生出来,这个“母亲”类必须实现它自己的监听器并为你喜欢的鼠标事件发送事件......

这就是我的所作所为:

首先,如果你想要一些订单,创建一个Button接口:

package buttons 
{
    import flash.events.MouseEvent;

    /**
     * ...
     * @author Joe Cabezas
     */
    public interface IButton 
    {
        function onClick(e:MouseEvent):void;
        function onRollOver(e:MouseEvent):void;
    }

}

然后,创建Button类,其中每种Button都必须来自:

package buttons 
{
    import flash.display.Sprite;
    import flash.events.MouseEvent;
    /**
     * ...
     * @author Joe Cabezas
     */
    public class Button extends Sprite implements IButton
    {

        public function Button() 
        {
            this.agregarListeners();
        }

        private function agregarListeners():void 
        {
            this.addEventListener(MouseEvent.CLICK, onClick);
            this.addEventListener(MouseEvent.ROLL_OVER, onRollOver);
        }

        /* INTERFACE botones.IButton */

        public function onClick(e:MouseEvent):void
        {

        }

        public function onRollOver(e:MouseEvent) :void
        {

        }

    }

}

接下来,每次要创建按钮时,只需将上面的Button类扩展,它就会自动设置自己的侦听器,请参阅扩展Button类的MenuButton示例。

package buttons
{
    import com.as3joelib.generators.TextFieldGenerator;
    import flash.display.Sprite;
    import flash.text.TextField;
    import flash.text.TextFieldAutoSize;
    import flash.text.TextFormatAlign;
    /**
     * ...
     * @author Joe Cabezas
     */
    public class BotonMenuSuperior extends Button 
    {
        //constantes de diseño
        private const padding:Number = 10;

        private var fondo:Sprite;
        private var color:uint;

        private var text_string:String
        private var text_field:TextField;

        public function BotonMenuSuperior(text:String, color:uint) 
        {
            super();

            this.text_string = text;
            this.color = color;

            this.setup();
            this.dibujar();
        }

        private function setup():void 
        {
            //crear textfield
            this.text_field = TextFieldGenerator.crearTextField(this.text_string, {
                //border:true,
                size:15,
                embedfonts:false,
                color:0xffffff
            });
            this.text_field.x = this.padding*0.75;
            this.text_field.y = this.padding*0.75;

            //crear fondo
            this.fondo = new Sprite();

            this.fondo.graphics.beginFill(this.color);
            this.fondo.graphics.drawRect(0, 0, this.text_field.textWidth + 2*this.padding, this.text_field.textHeight + 2*this.padding);
            this.fondo.graphics.endFill();
        }

        private function dibujar():void 
        {
            this.addChild(this.fondo);
            this.addChild(this.text_field);
        }


        //overriding functions to create the custom behavior of this button when mouse events happens
        override public function onClick (e:MouseEvent):void{
            //do here whatever you like when user clicks this button, like:
            this.scaleX = this.scaleY = 1.5;
        }


    }

}

正如你所看到的,这个类没有定义/创建它的监听器,因为已经拥有它,然后你可以创建自定义事件,调制Button类来冒泡它的事件......

希望这可以帮到你!

还有一个提示,在您的代码中:

public class CustomScreen extends Sprite {

    ...

    public function createButton(button:CustomBlitButton, btnOff:ButtonOff, btnOver:ButtonOver, text:String, location:Point, width:Number,
                                 height:Number, textFormat:TextFormat, positionOffset:Number = 0):void {

    custButton = button; //<-- this

    custButton = new CustomBlitButton(btnOff, btnOver, location.x, location.y, width, height, text,
                                    textFormat, positionOffset);
    addChild(custButton);

    ...
    }
}

第一个参数如何对该代码有用?

就像:

public funcion(a:Number, b:number):Number{
    var xa:Number = a;

    xa = 2;

    return xa + b;
}

请,创建界面,它将使您的代码更有序

再见!

PD:我说西班牙语,所以,对不起,如果英语不好