【UnityUGUI】复合控件详解,你还记得多少

这篇具有很好参考价值的文章主要介绍了【UnityUGUI】复合控件详解,你还记得多少。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


👨‍💻个人主页:@元宇宙-秩沅

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 秩沅 原创

👨‍💻 收录于专栏UI_Unity专栏

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


⭐习题总结专题篇⭐



🎶前言


素材来自唐老狮


🅰️


UGUI复合控件


🎶(A)UGUI_Button


脑图知识点


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

参数概览-颜色响应


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

参数概览-图片响应


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

参数概览-动画响应


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


通过自动生成按钮动画控制器
【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
通过自定义尺寸来设置按钮动画

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

  • 导航模式参数介绍

就是可以通过键盘移动选中的按钮
【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

相关代码

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

代码监听

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


🎶(B)UGUI_Toggle


脑图知识点


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

参数


上面的参数和Button一样

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

单选框分组


  • 创建一个开关组对象添加组件ToggleGroup,然后把其他开关组件放作为子对象放进其中,在子对象group参数里面,如果这些子对象的Group参数全都是的话,那么他就是单选框,如果里面是空的,他们就是多选框,互不相斥
    【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

  • 单选框
    【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
  • 多选框
    【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
  • 选中allow switch off_允许都不勾选

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

相关参数


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

监听代码


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


🎶(C)UGUI_InputField


脑图


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


参数


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

content type参数


Standard:标准模式;可以输入任何字符
Autocorrected:自动更正模式;跟踪未知单词,向用户建议合适的换候选词
Integer Number:整数模式;用户只能输入整数
Decimal Number:十进制数模式;用于只能输入数组包括小数
Alphanumeric:字母数字模式;只能输入字母和数字
Name:名字模式;自动将每个单子首字母大写
Email Address: 邮箱地址模式;允许最多输入一个@符号组成的字符和数字字符串
Password:密码模式;【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节用星号隐藏输入的字符,允许使用符号
Pin:别针模式;用星号隐藏输入的字符,只允许输入整数
Custom: 自定义模式;允许自定义行类型,输入类型,键盘类型和字
符验证

代码和监听相关


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
1【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


🎶(D)UGUI_Slider


脑图


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

参数


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

相关代码


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


🎶(E)UGUI_ScrollBar


脑图


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

组成

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


参数


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

代码相关


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


🎶(E)UGUI_ScrollView


创建组成


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

scroll Rect参数


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

视图运动参数

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

滚动条的同步显隐


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
效果演示:
【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

代码控制

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

监听


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


Vertical Layout Grounp 组件


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

  • 控制垂直方向的组件的位置参数

Content Size Fitter大小自适应组件


【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

🎶(G)UGUI_DropDown


下拉列表

脑图

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

组成

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


参数

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


如何将图集和文字一同显示

  • 1,首先创建一个UI Image

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


  • 2.移动图集位置

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


  • 3.拖拽到Caption Image

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


  • 4 .激活Template

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


  • 5.再在Item创建一个Image

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


  • 6.再失活

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


  • 7.再拖拽到Item Image中

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节


  • 8.将每个选项添加图片

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

结果显示

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

相关代码

【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节
【UnityUGUI】复合控件详解,你还记得多少,# UnityUI篇,前沿信息,游戏,unity,游戏引擎,UGUI,1024程序员节

未完待续


⭐相关文章⭐


⭐ 软件设计师高频考点大全⭐

⭐ unity之c#专题篇—系统强基⭐



你们的点赞👍 收藏⭐ 留言📝 关注✅是我持续创作,输出优质内容的最大动力!文章来源地址https://www.toymoban.com/news/detail-712720.html

到了这里,关于【UnityUGUI】复合控件详解,你还记得多少的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包