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

🥩方案介绍

💡.本解决方案有效解决了在WebGL平台发布后无法输入中文的问题，本方案目前已经完成了对InputField（UGUI）、InputField（TextMeshPro）、TextField（UIToolkit）三大ui组件的支持。

💡.经过功能的封装使用过程极度舒适（只需在代码中使用xxx.AddIMESupport_WebGL()和xxx.RemoveIMESupport_WebGL()），详情见后文Demo 部分。

🥪基础流程

🍜 Demo

💡场景搭建

1. 新建空白场景
2. 拖入WebGL必备预制体（Assets/ZYF/Tools/Webgl/IMEInput/WebGL必备.prefab）
3. 添加一个InputField (TMP) ui
4. 新建脚本 Test.cs,并挂到ui物体上。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using TMPro;
namespace ZYF
{

    public class Test: MonoBehaviour
    {
        public TMP_InputField inputField;
        private void OnEnable()
        {
           inputField.AddIMESupport_WebGL();
        }


        private void OnDisable()
        {

            if (inputField != null)
            {
                inputField.RemoveIMESupport_WebGL();
            }
        }
       
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

💡发布设置

1. 选择WebGL Template 为ZYF。

2. 勾选Decompression Fallback。
   

3. 打包发布。