首先,介绍一个UGUI,NGUI是UGUI的前身,Unity开发团队将NGUI的开发团队收到自己开发团队下,并且由此开发了UGUI。
UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。
UGUI的特点:
- 灵活
- 快速
- 可视化
对于开发者来说有很多的优点,比如说:
- 效率高
- 实现效果好
- 易于使用和拓展
- 与Unity编辑器的兼容性高
这是本系列文章的第六篇:
【Unity3D-UGUI系列】(一)Canvas 画布组件详解
【Unity3D-UGUI系列】(二)Text文本组件详解
【Unity3D-UGUI系列】(三)Button 按钮组件详解
【Unity3D-UGUI系列】(四)Image 图片组件详解
【Unity3D-UGUI系列】(五)RawImage 显示纹理组件详解
【Unity3D-UGUI系列】(六)Panel 容器组件详解
【Unity3D-UGUI系列】(七)Dropdown 下拉菜单组件详解
【Unity3D-UGUI系列】(八)InputField 输入框组件详解
【Unity3D-UGUI系列】(九)Scrollbar 滚动条组件详解
【Unity3D-UGUI系列】(十)Slider 滑动条组件详解
【Unity3D-UGUI系列】(十一)Toggle 开关组件详解
【Unity3D-UGUI系列】(十二)ScrollView 滚动视图组件详解
Panel 容器组件又叫面板组件,实际上就是一个容器,在其中可以放置其他的UI元素。
当移动这个容器组件的时候,这个容器中的其他UI元素也会跟着移动,这样可以方便的做一些屏幕自适应的调整,或者一组UI元素进行统一的调整。
使用Panel容器组件可以使整个UI结构更加清晰,可以容器里面嵌套容器。
在Unity的Hierarchy视图中选择“Create→UI→Panel”新建一个Panel容器组件:
Panel容器只有一个Image组件。
| 属性 | 介绍 |
|---|---|
| Source Image | 目标图片 |
| Color | 颜色 |
| Materila | 材质 |
| Raycast Target | 是否响应射线点击 |
| Image Type | 图片填充类型 |
这个组件很简单,就是其他UI元素的容器。
这个组件的Image可以作为这个容器中的UI元素的整体的背景。



