UGUI 学习笔记10 InputField

Input Field

1.      属性详解

Property

Function

个人解释

Interactable

A Boolean that determines if the Input Field can be interacted with or not.

是否可用

Transition

Transitions are used to set how the input field transitions when NormalHighlighted,Pressed or Disabled.

状态变化(参考Button)

Navigation

Properties that determine the sequence of control. 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 Capitalises the first letter of each word.

名字（自动大写首字母，可以输入汉字）

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.

Pin码(只能输入数字，并且输入时显示星号)

Custom

Allows you to customize the Line Type,Input Type,Keyboard Type and Character Validation.

自定义

Line Type 行类型

Input Type 输入类型

KeyBoard Type 键盘类型

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.

隐藏输入键盘（IOS）

On Value Change

A UnityEvent that is invoked when the text content of the Input Field changes.The event can send the current text content as a string sypt dynamic argument.

正在收入时的监听事件

End Edit

A UnityEvent that is invoked then the user finishes editing the text content either by submitting or by clicking some where that removes the focus from the Input Field.The event can send the current text content as a string type dynamic argument.

完成编辑的监听事件（回车触发，或者点击输入框以外的区域）。

2.      InputField 控件组成

没有运行的组件由两个如图所示

Placeholder 是提示文字框

Text 是输入文字框

运行时的组件由三个如图所示

InputField Input Caret是光标，上面绑有组件LayoutElement，解释下 Layout Element

Property

Function

个人解释

Min Width

The minimum width this layout should have.

 

最小宽

Min Height

The minimum height this layout element should have.

最小高

Preferred Width

The preferred width this layout element should have before additional available width is allocated.

预设宽

Preferred Height

The preferred height this layout element should have before additional available height is allocated.

预设高

Flexible Width

The relative amount of additional available width this layout element should fill out relative to its siblings.

自适高

Flexible Height

The relative amount of additional available height this layout element should fill out relative to its siblings.

自适宽

3.      事件监听

代码写好对应事件的函数

给InputField对象绑定函数

最终效果