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