Unity WebGL 中文输入解决方案(UGUITextMeshProUIToolkit)

Posted 牙膏上的小苏打2333

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Unity WebGL 中文输入解决方案(UGUITextMeshProUIToolkit)相关的知识,希望对你有一定的参考价值。

WebGL 中文输入解决方案

🥩方案介绍

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

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

🥪基础流程

ui获得焦点,发送通知 显示 输入完成,关闭 输入完成,通知 Unity Index.html input.html-输入框

🍜 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. 选择WebGL Template 为ZYF

  2. 勾选Decompression Fallback

  3. 打包发布。

unity ugui可以忽略unity timescale吗

参考技术A 像创建Cube一样,在同一面板,只不过cube的父选项是3DObject,UGUI则是UI本回答被提问者采纳

以上是关于Unity WebGL 中文输入解决方案(UGUITextMeshProUIToolkit)的主要内容,如果未能解决你的问题,请参考以下文章

unity发布WebGl在手机上的横屏适配,webgl横版游戏在手机上直接转横屏

Unity发布的WebGL页面应用实现全屏/非全屏切换

Unity3D-UGUI系列InputField 输入框组件详解

Unity-UI(UGUI详解)02.1 Canvas组件、Visual组件

Unity-UI(UGUI详解)02.1 Canvas组件、Visual组件

unity ugui可以忽略unity timescale吗