static void OnValueChange(int id, string value)
{
if (!instances.ContainsKey(id))
{
return;
}
var instance = instances[id];
var index = instance.input.caretPosition;
if (!instance.input.ReadOnly)
{
instance.input.text = value;
}
// InputField.ContentType.Name が Name の場合、先頭文字が強制的大文字になるため小文字にして比べる
if (instance.input.contentType == ContentType.Name)
{
if (string.Compare(instance.input.text, value, true) == 0)
{
value = instance.input.text;
}
}
// InputField の ContentType による整形したテキストを HTML の input に再設定します
if (value != instance.input.text)
{
WebGLInputPlugin.WebGLInputText(id, instance.input.text);
WebGLInputPlugin.WebGLInputSetSelectionRange(id, index, index);
}
}
void Update()
{
if (input == null || !input.isFocused)
{
return;
}
// 未登録の場合、選択する
if (!instances.ContainsKey(id))
{
OnSelect();
}
else if (!WebGLInputPlugin.WebGLInputIsFocus(id))
{
// focus this id
WebGLInputPlugin.WebGLInputFocus(id);
}
var start = WebGLInputPlugin.WebGLInputSelectionStart(id);
var end = WebGLInputPlugin.WebGLInputSelectionEnd(id);
// 選択方向によって設定します
if (WebGLInputPlugin.WebGLInputSelectionDirection(id) == -1)
{
input.selectionFocusPosition = start;
input.selectionAnchorPosition = end;
}
else
{
input.selectionFocusPosition = end;
input.selectionAnchorPosition = start;
}
input.Rebuild();
}
/// <summary>
/// 対象が選択されたとき
/// </summary>
/// <param name="eventData"></param>
public void OnSelect(/*BaseEventData eventData*/)
{
var rect = GetScreenCoordinates(input.TextComponentRectTransform());
bool isPassword = input.contentType == ContentType.Password;
var x = (int)(rect.x);
//var y = (int)(Screen.height - (rect.y + rect.height));
//id = WebGLInputPlugin.WebGLInputCreate(x, y, (int)rect.width, (int)rect.height, input.textComponent.fontSize, input.text);
var y = (int)(Screen.height - (rect.y));
id = WebGLInputPlugin.WebGLInputCreate(WebGLInput.CanvasId, x, y, (int)rect.width, (int)1, input.fontSize, input.text, input.lineType != LineType.SingleLine, isPassword);
instances[id] = this;
WebGLInputPlugin.WebGLInputEnterSubmit(id, input.lineType != LineType.MultiLineNewline);
WebGLInputPlugin.WebGLInputOnFocus(id, OnFocus);
WebGLInputPlugin.WebGLInputOnBlur(id, OnBlur);
WebGLInputPlugin.WebGLInputOnValueChange(id, OnValueChange);
WebGLInputPlugin.WebGLInputOnEditEnd(id, OnEditEnd);
WebGLInputPlugin.WebGLInputTab(id, OnTab);
// default value : https://www.w3schools.com/tags/att_input_maxlength.asp
WebGLInputPlugin.WebGLInputMaxLength(id, (input.characterLimit > 0) ? input.characterLimit : 524288);
WebGLInputPlugin.WebGLInputFocus(id);
WebGLWindow.OnBlurEvent += OnWindowBlur;
}
void DeactivateInputField()
{
WebGLInputPlugin.WebGLInputDelete(id);
input.DeactivateInputField();
instances.Remove(id);
WebGLWindow.OnBlurEvent -= OnWindowBlur;
}
void Update()
{
if (!input.isFocused)
{
return;
}
// 未登録の場合、選択する
if (!instances.ContainsKey(id))
{
OnSelect();
}
var start = WebGLInputPlugin.WebGLInputSelectionStart(id);
var end = WebGLInputPlugin.WebGLInputSelectionEnd(id);
// 選択方向によって設定します
if (WebGLInputPlugin.WebGLInputSelectionDirection(id) == -1)
{
input.selectionFocusPosition = start;
input.selectionAnchorPosition = end;
}
else
{
input.selectionFocusPosition = end;
input.selectionAnchorPosition = start;
}
input.Rebuild(CanvasUpdate.LatePreRender);
input.textComponent.SetAllDirty();
}
static void OnBlur(int id)
{
WebGLInputPlugin.WebGLInputDelete(id);
instances[id].DeactivateInputField();
instances.Remove(id);
#if UNITY_WEBGL && !UNITY_EDITOR
UnityEngine.WebGLInput.captureAllKeyboardInput = true;
#endif
}
static WebGLInput()
{
#if UNITY_2020_1_OR_NEWER
WebGLInput.CanvasId = "unity-container";
#elif UNITY_2019_1_OR_NEWER
WebGLInput.CanvasId = "unityContainer";
#else
WebGLInput.CanvasId = "gameContainer";
#endif
WebGLInputPlugin.WebGLInputInit();
}
internal void DeactivateInputField()
{
if (!instances.ContainsKey(id))
{
return;
}
WebGLInputPlugin.WebGLInputDelete(id);
input.DeactivateInputField();
instances.Remove(id);
id = -1; // reset id to -1;
WebGLWindow.OnBlurEvent -= OnWindowBlur;
}
public void CheckOutFocus()
{
if (!Application.isMobilePlatform)
{
return;
}
if (!instances.ContainsKey(id))
{
return;
}
var current = EventSystem.current.currentSelectedGameObject;
if (current != null)
{
return;
}
WebGLInputPlugin.WebGLInputForceBlur(id); // Input ではないし、キーボードを閉じる
}
/// <summary>
/// 対象が選択されたとき
/// </summary>
/// <param name="eventData"></param>
public void OnSelect()
{
var rect = GetScreenCoordinates(input.RectTransform());
bool isPassword = input.contentType == ContentType.Password;
var fontSize = Mathf.Max(14, input.fontSize); // limit font size : 14 !!
// モバイルの場合、強制表示する
if (showHtmlElement || Application.isMobilePlatform)
{
var x = (int)(rect.x);
var y = (int)(Screen.height - (rect.y + rect.height));
id = WebGLInputPlugin.WebGLInputCreate(WebGLInput.CanvasId, x, y, (int)rect.width, (int)rect.height, fontSize, input.text, input.placeholder, input.lineType != LineType.SingleLine, isPassword, false);
}
else
{
var x = (int)(rect.x);
var y = (int)(Screen.height - (rect.y));
id = WebGLInputPlugin.WebGLInputCreate(WebGLInput.CanvasId, x, y, (int)rect.width, (int)1, fontSize, input.text, input.placeholder, input.lineType != LineType.SingleLine, isPassword, true);
}
instances[id] = this;
WebGLInputPlugin.WebGLInputEnterSubmit(id, input.lineType != LineType.MultiLineNewline);
WebGLInputPlugin.WebGLInputOnFocus(id, OnFocus);
WebGLInputPlugin.WebGLInputOnBlur(id, OnBlur);
WebGLInputPlugin.WebGLInputOnValueChange(id, OnValueChange);
WebGLInputPlugin.WebGLInputOnEditEnd(id, OnEditEnd);
WebGLInputPlugin.WebGLInputTab(id, OnTab);
// default value : https://www.w3schools.com/tags/att_input_maxlength.asp
WebGLInputPlugin.WebGLInputMaxLength(id, (input.characterLimit > 0) ? input.characterLimit : 524288);
WebGLInputPlugin.WebGLInputFocus(id);
#if WEBGLINPUT_TAB
WebGLInputPlugin.WebGLInputEnableTabText(id, enableTabText);
#endif
if (input.OnFocusSelectAll)
{
WebGLInputPlugin.WebGLInputSetSelectionRange(id, 0, input.text.Length);
}
WebGLWindow.OnBlurEvent += OnWindowBlur;
}
/// <summary>
/// 対象が選択されたとき
/// </summary>
/// <param name="eventData"></param>
public void OnSelect(/*BaseEventData eventData*/)
{
var rect = GetScreenCoordinates(input.textComponent.GetComponent <RectTransform>());
var x = (int)(rect.x);
//var y = (int)(Screen.height - (rect.y + rect.height));
//id = WebGLInputPlugin.WebGLInputCreate(x, y, (int)rect.width, (int)rect.height, input.textComponent.fontSize, input.text);
var y = (int)(Screen.height - (rect.y));
id = WebGLInputPlugin.WebGLInputCreate(x, y, (int)rect.width, (int)1, input.textComponent.fontSize, input.text, input.lineType != InputField.LineType.SingleLine);
instances[id] = input;
WebGLInputPlugin.WebGLInputEnterSubmit(id, input.lineType != InputField.LineType.MultiLineNewline);
WebGLInputPlugin.WebGLInputOnFocus(id, OnFocus);
WebGLInputPlugin.WebGLInputOnBlur(id, OnBlur);
WebGLInputPlugin.WebGLInputOnValueChange(id, OnValueChange);
WebGLInputPlugin.WebGLInputOnEditEnd(id, OnEditEnd);
// default value : https://www.w3schools.com/tags/att_input_maxlength.asp
WebGLInputPlugin.WebGLInputMaxLength(id, (input.characterLimit > 0) ? input.characterLimit : 524288);
WebGLInputPlugin.WebGLInputFocus(id);
}
/// <summary>
/// 対象が選択されたとき
/// </summary>
/// <param name="eventData"></param>
public void OnSelect()
{
if (id != -1)
{
throw new Exception("OnSelect : id != -1");
}
var rect = GetElemetRect();
bool isPassword = input.contentType == ContentType.Password;
var fontSize = Mathf.Max(14, input.fontSize); // limit font size : 14 !!
// モバイルの場合、強制表示する
var isHidden = !(showHtmlElement || Application.isMobilePlatform);
id = WebGLInputPlugin.WebGLInputCreate(WebGLInput.CanvasId, rect.x, rect.y, rect.width, rect.height, fontSize, input.text, input.placeholder, input.lineType != LineType.SingleLine, isPassword, isHidden, Application.isMobilePlatform);
instances[id] = this;
WebGLInputPlugin.WebGLInputEnterSubmit(id, input.lineType != LineType.MultiLineNewline);
WebGLInputPlugin.WebGLInputOnFocus(id, OnFocus);
WebGLInputPlugin.WebGLInputOnBlur(id, OnBlur);
WebGLInputPlugin.WebGLInputOnValueChange(id, OnValueChange);
WebGLInputPlugin.WebGLInputOnEditEnd(id, OnEditEnd);
WebGLInputPlugin.WebGLInputTab(id, OnTab);
// default value : https://www.w3schools.com/tags/att_input_maxlength.asp
WebGLInputPlugin.WebGLInputMaxLength(id, (input.characterLimit > 0) ? input.characterLimit : 524288);
WebGLInputPlugin.WebGLInputFocus(id);
#if WEBGLINPUT_TAB
WebGLInputPlugin.WebGLInputEnableTabText(id, enableTabText);
#endif
if (input.OnFocusSelectAll)
{
WebGLInputPlugin.WebGLInputSetSelectionRange(id, 0, input.text.Length);
}
WebGLWindow.OnBlurEvent += OnWindowBlur;
}
static void OnValueChange(int id, string value)
{
if (!instances.ContainsKey(id))
{
return;
}
var instance = instances[id];
if (!instance.input.ReadOnly)
{
instance.input.text = value;
}
// InputField.ContentType.Name が Name の場合、先頭文字が強制的大文字になるため小文字にして比べる
if (instance.input.contentType == ContentType.Name)
{
if (string.Compare(instance.input.text, value, true) == 0)
{
value = instance.input.text;
}
}
// InputField の ContentType による整形したテキストを HTML の input に再設定します
if (value != instance.input.text)
{
var start = WebGLInputPlugin.WebGLInputSelectionStart(id);
var end = WebGLInputPlugin.WebGLInputSelectionEnd(id);
// take the offset.when char remove from input.
var offset = instance.input.text.Length - value.Length;
WebGLInputPlugin.WebGLInputText(id, instance.input.text);
// reset the input element selection range!!
WebGLInputPlugin.WebGLInputSetSelectionRange(id, start + offset, end + offset);
}
}
