【Unity3D-UGUI系列】(六)Panel 容器组件详解

2,059 阅读2分钟

这是我参与11月更文挑战的第6天,活动详情查看:2021最后一次更文挑战

推荐阅读

大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有用记得一键三连哦。

一、前言

首先,介绍一个UGUI,NGUI是UGUI的前身,Unity开发团队将NGUI的开发团队收到自己开发团队下,并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。

UGUI的特点:

  • 灵活
  • 快速
  • 可视化

对于开发者来说有很多的优点,比如说:

  • 效率高
  • 实现效果好
  • 易于使用和拓展
  • 与Unity编辑器的兼容性高

二、Panel 容器组件介绍

Panel 容器组件又叫面板组件,实际上就是一个容器,在其中可以放置其他的UI元素。

当移动这个容器组件的时候,这个容器中的其他UI元素也会跟着移动,这样可以方便的做一些屏幕自适应的调整,或者一组UI元素进行统一的调整。

使用Panel容器组件可以使整个UI结构更加清晰,可以容器里面嵌套容器。

在Unity的Hierarchy视图中选择“Create→UI→Panel”新建一个Panel容器组件: 在这里插入图片描述

三、Panel 容器组件属性

在这里插入图片描述 Panel容器只有一个Image组件。

属性介绍
Source Image目标图片
Color颜色
Materila材质
Raycast Target是否响应射线点击
Image Type图片填充类型

这个组件很简单,就是其他UI元素的容器。

这个组件的Image可以作为这个容器中的UI元素的整体的背景。