`

Flex SearchInput扩展

    博客分类:
  • FLEX
阅读更多
SearchInput扩展TextInput
增加:
    imageSource属性(右侧图片);
    tipText属性(为空时出现的提示文字);
    buttonClick事件(点击button及input中敲击回车触发)。


多说无益,上代码
package {
import flash.events.Event;
import flash.events.FocusEvent;
import flash.events.KeyboardEvent;
import flash.events.MouseEvent;
import flash.ui.Keyboard;

import mx.controls.Alert;
import mx.controls.Button;
import mx.controls.Image;
import mx.controls.TextInput;
import mx.events.FlexEvent;

[Event(name="buttonClick", type="flash.events.Event")]
public class SearchInput extends TextInput {
    protected var buttonImage:Button;
    private var _imageHeight:int;
    private var _imageWidth:int;

    private var _isUseTip:Boolean = false;
    private var _tipText:String = "";
    private var _tipStyle:String = "italic";
    private var _tipColor:String = "#766767";


    [Bindable]
    [Embed(source="assets/icoSearch.png")]
    private var _imageSource:Class;

    public function SearchInput() {
        super();

        this.setStyle("borderColor", "#66B3FF");
        this.addEventListener(FlexEvent.CREATION_COMPLETE, addButton);
        this.addEventListener(KeyboardEvent.KEY_DOWN, KeyEnter);
    }

    override protected function createChildren():void {
        super.createChildren();

        this._isUseTip = this._tipText != "";
        if (_isUseTip) {
            setTip();
            this.addEventListener(FocusEvent.FOCUS_IN, focusTip);
            this.addEventListener(FocusEvent.FOCUS_OUT, focusTip);
        }
    }

    private function setTip():void {
        if (this.text == "") {
            this.text = _tipText;
            this.setStyle("fontStyle", _tipStyle);
            this.setStyle("color", _tipColor);
        }
    }

    private function clearTip():void {
        if (this.getStyle("fontStyle") == _tipStyle) {
            this.text = "";
            this.setStyle("fontStyle", "");
            this.setStyle("color", "");
        }
    }

    private function focusTip(e:FocusEvent):void {
        switch (e.type) {
            case FocusEvent.FOCUS_IN :
                return clearTip();
            case FocusEvent.FOCUS_OUT :
                return setTip();
        }
    }


    private function addButton(event:FlexEvent):void {
        buttonImage = new Button();
        buttonImage.setStyle("skin", _imageSource);
        buttonImage.height = imageHeight;
        buttonImage.width = imageWidth;
        buttonImage.useHandCursor = true;
        buttonImage.move(this.width - buttonImage.width - (this.height - buttonImage.height) / 2,
                (this.height - buttonImage.height) / 2);
        buttonImage.addEventListener(MouseEvent.CLICK, buttonClick);
        this.addChild(buttonImage);
    }

    private function KeyEnter(event:KeyboardEvent):void {
        if (event.charCode != Keyboard.ENTER) return;
        this.dispatchEvent(new Event("buttonClick"));
    }

    private function buttonClick(event:MouseEvent):void {
        this.dispatchEvent(new Event("buttonClick"));
    }

    public function get imageHeight():int {
        if (_imageHeight == 0) _imageHeight = this.height;
        return _imageHeight;
    }

    public function set imageHeight(value:int):void {
        _imageHeight = value;
    }

    public function get imageWidth():int {
        if (_imageWidth == 0) _imageWidth = this.height;
        return _imageWidth;
    }

    public function set imageWidth(value:int):void {
        _imageWidth = value;
    }

    public function get imageSource():Class {
        return _imageSource;
    }

    public function set imageSource(value:Class):void {
        _imageSource = value;
    }

    public function get tipText():String {
        return _tipText;
    }

    public function set tipText(value:String):void {
        _tipText = value;
    }
}
}


  • 大小: 8.1 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics