Flex文本輸入與圖標裏面像Mac OS X搜索文本輸入

Question

我想擴展文本輸入來flex支持圖標，就像mac os x搜索文本輸入有一個灰色的圓圈對齊到右，文本輸入有一個addChild方法，但它不適合我。

有沒有辦法做到這一點？

在此先感謝

Answer 1

我發現了一個解決方案：D這裏是代碼

訣竅在於覆蓋updateDisplayList。

快樂的黑客攻擊。

package 
{ 
import flash.display.DisplayObject; 

import mx.controls.Image; 
import mx.controls.TextInput; 
import mx.core.mx_internal; 

use namespace mx_internal; 

public class MyTextInput extends TextInput 
{ 
    private var _image:Image; 

    public function MyTextInput() 
    { 
     super(); 
    } 

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

     _image = new Image(); 
     _image.source = "http://sstatic.net/so/img/replies-off.png", 

     addChild(DisplayObject(_image)); 
    } 

    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
    { 
     super.updateDisplayList(unscaledWidth, unscaledHeight); 

     this._image.width = 16; 
     this._image.height = 16; 

     this._image.x = this.width - this._image.width - 5; 
     this._image.y = this.height - this._image.height; 

     this.textField.width = this.width - this._image.width - 5; 
    } 
} 
} 

Answer 2

更簡單的方法來做到這一點是創建一個MXML組件，它看起來像你想要的文字輸入。我從來沒有見過mac OSX搜索框，但根據你的描述，一個基於畫布的組件基於白色背景，而適當的寄宿者可以包含一個圖像和一個沒有邊界的文本輸入。這會讓你看起來像我想的那樣。