EditBox 组件参考

    点击 属性检查器 下面的 添加组件 按钮，然后从 UI/EditBox 即可添加 EditBox 组件到节点上。

    关于使用可以参考范例 EditBox（GitHub | ）。

    editbox-event

    • Editing Did Began：该事件在用户点击输入框获取焦点的时候被触发。
    • Editing Did Ended：在单行模式下面，一般是在用户按下回车或者点击屏幕输入框以外的地方调用该函数。
      如果是多行输入，一般是在用户点击屏幕输入框以外的地方调用该函数。
    • 如果需要输入密码，则需要把 Input Flag 设置为 password，同时 Input Mode 必须是 Any 之外的选择，一般选择 Single Line。
    • 如果要输入多行，可以把 Input Mode 设置为 Any。
    • 背景图片支持九宫格缩放

    这种方法添加的事件回调和使用编辑器添加的事件回调是一样的，都是通过代码添加。首先需要构造一个 EventHandler 对象，然后设置好对应的 target、component、handler 和 customEventData 参数。

    方法二

    通过 editbox.node.on('editing-did-began', ...) 的方式来添加

    1. // 假设我们在一个组件的 onLoad 方法里面添加事件处理回调，在 callback 函数中进行事件处理:
    3. const { ccclass, property } = _decorator;
    5. @ccclass("example")
    6.     @property(EditBox)
    7.     editbox: EditBox | null = null;
    8.     onLoad(){
    9.         this.editbox.node.on('editing-did-began', this.callback, this);
    12.     callback(editbox: EditBox){
    13.         // 回调的参数是 editbox 组件，注意这种方式注册的事件，无法传递 customEventData
    14. }