Unity WebGL 中文输入解决方案（UGUI、UIToolkit）

前言

已经测试并成功构建运行的版本：20213.40、2022.3.35、2023.2.20

其余版本可自行测试。

一、WebGLInput

1. Unity WebGL IME（从 Unity2018.2 开始支持 TextMesh Pro）
2. 支持“复制粘贴”
3. 支持“tab”和“shift+tab”将焦点移到其他输入框
4. 支持移动设备。（实验）
5. 支持 UI Toolkit。（实验）（从 Unity2022 开始支持）

二、DEMO

使用 Unity 的 WebGL 模板 ( Unity2023.2.2f1 ) 构建

Default

Minimal

PWA

三、如何使用

1. 导入WebGLSupport.unitypackage
2. 添加"WebGLInput" 组件到输入对象上
3. 构建并运行

四、插入 \t 使用 tab 键代替改变焦点

1. 将“WEBGLINPUT_TAB”添加到脚本定义符号。
2. 并在 WebGLInput 处选中“Enable Tab Text”。

五、全屏支持

回调

WebGLSupport.WebGLWindow.SwitchFullscreen();

切换全屏模式。

六、实验：支持 UI Toolkit

示例代码

[SerializeField] UIDocument uiDocument;
public void Start()
{
    // find all TextField element
    uiDocument.rootVisualElement.Query<TextField>().ForEach(v =>
    {
        // add WebGLInputManipulator to TextField
        v.AddManipulator(new WebGLSupport.WebGLInputManipulator());
    });
}

七、如何获取

WebGLSupport.unitypackage.zip - 蓝奏云

注：下载后请将后缀名unitypackage.zip更改成unitypackage