Flex Text Entrée avec l'icône à l'intérieur comme mac os x recherche saisie de texte

Question

J'essaie d'étendre l'entrée de texte qui vient en flex pour soutenir une icône, tout comme mac os x la saisie de texte de recherche a un cercle gris aligné vers la droite , l'entrée de texte a une méthode addChild, mais cela n'a pas fonctionné pour moi.

Existe-t-il un moyen de le faire?

merci à l'avance

Answer 1

J'ai trouvé une solution: D ici c'est le code

L'astuce était remplacer le updateDisplayList.

Joyeux hacking.

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

Un moyen plus facile de le faire serait de créer un composant MXML qui ressemble à l'entrée de texte que vous voulez. Je n'ai jamais vu la boîte de recherche mac OSX, mais en fonction de votre description, un composant basé sur la toile avec un fond blanc, et des bordures appropriées pourraient alors contenir une image et une entrée de texte sans frontières. Cela vous donnerait le look que vous allez pour je pense.