Ⓔeui.TextInput 用法

TextInput 展示

MainUISkin.exml

<?xml version="1.0" encoding="utf-8"?>
<e:Skin class="edwin.MainUISkin" xmlns:e="http://ns.egret.com/eui">
    <e:Rect fillColor="0x000000" width="100%" height="100%" />
    <e:Group horizontalCenter="0" verticalCenter="0">
        <e:TextInput prompt="請輸入電話號碼" width="300" height="70" restrict="0-9">
            <e:Skin states="normal,disabled,normalWithPrompt,disabledWithPrompt">
                <e:Group width="100%" height="100%">
                    <e:Rect fillColor="0x333333" width="100%" height="100%" />
                    <e:EditableText id="textDisplay" verticalCenter="0" left="10" right="10" textColor="0xFFFFFF"
                                    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:Group>
            </e:Skin>
        </e:TextInput>
    </e:Group>
</e:Skin>