Laya學習筆記-05textInput

一、laya.ui.textInput中所有的API參數：

 

二、代碼實現單行輸入

export default class TextInputCrtl extends Laya.Script {

    constructor() {
        super();
        /** @prop {name:name, tips:"提示文本", type:Node, default:null}*/
        this.xx=null;
    }

    onAwake() {

        this.createSingleInput();

    }

    createSingleInput()
    {
        var inputText=new Laya.TextInput();
        inputText.size(700, 200);
        inputText.x =576;
        inputText.y =459;
         // 移動端輸入提示符
         inputText.prompt = "Type some word...";

        // 設置字體樣式
        inputText.bold = true;
        inputText.bgColor = "#666666";
        inputText.color = "#ffffff";
        inputText.fontSize = 20;
        Laya.stage.addChild(inputText);

    }

}

                                                               （運行效果）

 

 三、代碼實現多行輸入

export default class TextInputCrtl extends Laya.Script {

    constructor() {
        super();
        /** @prop {name:name, tips:"提示文本", type:Node, default:null}*/
        this.xx=null;
    }

    onAwake() {

        this.createMultiInput();

    }

    createMultiInput()
    {
        var inputText=new Laya.TextInput();
        // 移動端輸入提示符
        inputText.prompt = "Type some word...";
        //多行輸入
        inputText.multiline = true;
        inputText.wordWrap = true;
        inputText.size(350, 100);
        inputText.x =572;
        inputText.y = 459;
        inputText.bgColor = "#666666";
        inputText.color = "#ffffff";
        inputText.fontSize = 20;
        Laya.stage.addChild(inputText);
    }

}

                                                               （運行效果）

 

參考資料：

LayaAir官方教程：https://ldc2.layabox.com/doc/?nav=zh-ts-1-2-4