Dropdown (Desplegable)
Scroll Rect

Input Field (Campo de Input)

Un Input Field es una manera de hacer que el texto de un Text Control sea editable. Como los otros controles de interacción, no es un elemento UI visible en sí y debe ser combinado con uno o más elementos UI visuales con el fin de ser visible.

Un Input Field vacío .
Un Input Field vacío .
Texto Ingresado al Input Field.
Texto Ingresado al Input Field.

Propiedades

Propiedad: Función:
Interactable Un boolean que determina si con el Input Field se puede interactuar o no.
Transition Transitions are used to set how the input field transitions when Normal, Highlighted, Pressed or Disabled.
Navigation Properties that determine the sequence of controls. See Navigation Options.
TextComponent A reference to the Text element used as the contents of the Input Field
Text Starting Value. The initial text placed in the field before editing begins.
Character Limit The value of the maximum number of characters that can be entered into the input field.
Content Type Define the type(s) of characters that your input field accepts
Standard Any charcter can be entered.
Autocorrected The autocorrection determines whether the input tracks unknown words and suggests a more suitable replacement candidate to the user, replacing the typed text automatically unless the user explicitly overrides the action.
Integer Number Allow only whole numbers to be entered.
Decimal Number Allow only numbers and a single decimal point to be entered.
Alphanumeric Allow both letters and numbers. Symbols cannot be entered.
Name Automatically capitalizes the first letter of each word. Note that the user can circumvent the capitalization rules using the Delete key.
Email Address Allows you to enter an Alphanumeric string consisting of a maximum of one @ sign. periods/baseline dots cannot be entered next to each other.
Password* Conceals the characters inputed with an asterisk. Allows symbols.
Pin Conceals the characters inputed with an asterisk. Only allows only whole numbers to be entered.
Custom Allows you to customise the Line Type, Input Type, Keyboard Type and Character Validation.
Line Type Defines how test is formatted inside the text field.
Single Line Only allows text to be on a single line.
Multi Line Submit Allows text to use multiple lines. Only uses a new line when needed.
Multi Line Newline Allows text to use multiple lines. User can use a newline by pressing the return key.
Placeholder This is an optional ‘empty’ Graphic to show that the Input Field is empty of text. Note that this ‘empty’ graphic still displays even when the Input Field is selected (that is; when there is focus on it). eg; “Enter text…”.
Caret Blink Rate Defines the blink rate for the mark placed on the line to indicate a proposed insertion of text.
Selection Color The background color of the selected portion of text.
Hide Mobile Input (iOS only) Hides the native input field attached to the onscreen keyboard on mobile devices. Note that this only works on iOS devices.

Eventos

Propiedad: Función:
On Value Change Un UnityEvent que es invocado cuando el contenido del texto del Input Field cambia. El evento puede enviar el contenido de texto actual como un argumento dinámico de tipo string.
End Edit Un UnityEvent que es invocado cuando el usuario terminar de editar el contenido del texto ya sea al enviar o hacer click en alguna parte que quita el foco del Input Field. El evento puede enviar el contenido de texto actual como un argumento dinámico de tipo string.

Detalles

El script del Input Field puede ser agregado a cualquier objeto de control de Texto existente desde el menú (Component > UI > Input Field). Al tener esto hecho, usted debería también arrastrar el objeto a la propiedad Text del Input Field para habilitar la edición.

La propiedad Text de un controlador de Texto en sí va a cambiar a medida que el usuario escriba y el valor puedas ser obtenido desde un script después de editar. Tenga en cuenta que Rich Text es intencionalmente no soportado para los controles de edición de Texto; el campo va a aplicar cualquier markup de Rich Text de manera instantánea cuando se escriba pero el markup esencialmente “desaparece” y no hay una manera de cambiar o quitar el estilo.

Recomendaciones

  • Para obtener el texto del Input Field (campo de input), utilice la propiedad de texto en el componente InputField en sí, no la propiedad de texto del componente Text para mostrar el texto. La propiedad de texto del componente Text puede estar cortado o puede consistir de asteriscos para contraseñas.
Dropdown (Desplegable)
Scroll Rect