eui-eui.TextInput

eui.TextInput 本質上使用了 eui.EditableText, 只是多了白底, 請參考 eui.EditableText

TextInputSkin.exml 部分

<?xml version='1.0' encoding='utf-8'?>
<e:Skin class="skins.TextInputSkin" minHeight="40" minWidth="300" states="normal,disabled,normalWithPrompt,disabledWithPrompt" xmlns:e="http://ns.egret.com/eui">
    <e:Image width="100%" height="100%" scale9Grid="1,3,8,8" source="button_up_png"/>
    <e:Rect height="100%" width="100%" fillColor="0xffffff"/>
    <e:EditableText id="textDisplay" verticalCenter="0" left="10" right="10"
                    textColor="0x000000" textColor.disabled="0xff0000" width="100%" height="24" size="20" />
    <e:Label id="promptDisplay" verticalCenter="0" left="10" right="10"
                    textColor="0xa9a9a9" width="100%" height="24" size="20" touchEnabled="false" includeIn="normalWithPrompt,disabledWithPrompt"/>
</e:Skin>