Uinty的uGUI学习(04):案例-登录界面、input Field(输入框)

一、uGUI - 综合练习(案例登录界面)

使用的UI
背景:image
文本:Text
文本输入:Input Field
按钮:Button

8_1登录界面.png

---

二、uGUI - input Field(文本输入)

>>> Rect Transform (位置 : 公用属性)>>>
锚点:Anchors
中心点:Pivot
旋转:Rotation
放大:Scale


>>> Image(Script) 图像脚本>>>
画布渲染:Canvas Renderer
Source Image
Color
Material
Raycast Target
Image Type
Fill Center


>>> Input Field(Script) 图像脚本>>>
状态转变的(默认 Color Tint,如果不想使用颜色变化，设置为None):Transition
目标图形:Target Graphic
正常的颜色:Normal Color
高亮颜色:Highlighted Colior
按颜色:Pressed Color
禁用颜色:Disabled Color
颜色倍增器(颜色的亮度):Color Multiplier
衰落持续时间(中间的动画转变时间):Fade Duration

导航:Navigation
 可视化:visualize

>>>>>
文本组件:Text Component
文本(显示输入的内容):Text
字符的限制:Character Limit
内容类型(设置密码样式 password):Content Type
线式:Line Type
占位符:Placeholder
Caret Blink率:Caret Blink Rate
插入符号的宽度:Caret Width
自定义Caret Color(输入辅助线的颜色):Custom Caret Color
选择颜色:Selection Color
隐藏手机输入:Hide Mobile Input
只读:Read Only

关于值改变（字符串）: On Value Changed(String)
在结束编辑（串）: On End Edit(Stirng)

8_2input的属性面板.png