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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,107评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,024评论 25 709
  • 一个人的格局能有多大,取决于她看世界的方式,她看到的世界,以及这个世界在她内心的反馈、指导自我行动产生的一系列后续...
    戎马未央阅读 545评论 2 1
  • 我有認真在想自己究竟那兒像個女漢子 除了不怕蟑螂和老鼠 不怕黑 (可以晚上一個人去海邊看星星) 打不開瓶蓋或罐頭就...
    小小小辣椒小小小阅读 165评论 0 3
  • 我终于从一个青涩的大一新生华丽丽地蜕变成一位成熟的大二学姐。虽然,个人本质没变多少,我依旧单纯的慢半拍。但时间可以...
    荒城z阅读 465评论 0 0