UGUI学习笔记

最新推荐文章于 2023-04-06 19:47:52 发布

原创

最新推荐文章于 2023-04-06 19:47:52 发布 · 4.8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#Unity3D #UGUI

   这段时间学习了下Unity的新GUI系统——UGUI，个人感觉还是挺好使用的，相较于其他GUI插件而言，是自带的UI插件系统，无需自己另外导入。由于前面学习过NGUI所以，学习UGUI时上手较快。
      学习路线：
      1.认识基本控件
      2.游戏开始案例学习
      3.游戏菜单界面案例学习
      4.角色面板和背包系统案例学习
      5.关卡选择系统案例学习

做UI界面，个人感觉就是按照效果图拼图片
知识点笔记：
1.认识基本控件

上图所示就是UGUI里面的一些基本控件，所有的UI控件都需要放到一个Canvas上显示,UI上的一些监听事件放到了Event System上，所以当你找不到要使用的监听事件时可以using UnityEngine.EventSystems;
在脚本中我们获取UI里面的这些控件时需要using UnityEngine.UI;这些需要自己手动导入。

案例学习：
制作一个公告栏

用鼠标或者右边的滚动条可以滚动文本信息内容。

学习点：
1.如何做出有滚动功能的文本区域
如上图所示中，浅灰色区域是文本显示区域，所以我们使用一张Image当作文本显示区域，用其他控件如Empty GameObject也可以，在背景上再添加Text，Text的大小需要容纳所有的文字内容，否则会不显示大小之外的内容。
由于我们运行时是不能让超出显示区域的内容显示出来的，所以我们需要在当作显示区域的控件上挂载一个Mask，将超出的区域遮盖不显示。并在其上面添加Scroll Rect，并制定Scroll Rect的Content为文本Text控件，即可实现文本区域的滚动。
注意由于我们上面当作显示区域的Image有自己的背景如果不需要背景，可以选择Mask上面的Show Mask Graphic属性设为false。
要将滚动条和滚动区域联系起来的话我们只需将Scroll Rect的Scroll bar属性制定相对应的控件即可。

Scroll Rect的Horizontial和vertical分别可以指定滚动的方向。

2.Button的触发
在UGUI里面设置Button的触发非常的可视化操作

自带有On Click()只需要将触发指定好对应的控制函数即可，如果函数有参数的可以自己指定值，并且可以添加多个触发处理，点击上图中右下角的+即可。

其他的基本控件基本都有自己的On Click()或者On Value Change()方法，指定对应的触发函数即可。

游戏开始界面学习：

学习点：
1.快捷键使用：
在创建背景图片时，

按住shift和Alt就会出现可以选择平铺满整个界面的选项。

UI组件拉伸的快捷键：