Unity2D开发入门-UI 菜单页面

前言

Canvas和Panel是Unity 2D UI中两个常用的组件,它们在不同的情况下有不同的用途。

Canvas(画布):
Canvas是UI元素的容器,它为你提供了一个可视化的平面空间,用于放置、排列和管理UI元素。你可以将Canvas看作是UI元素的舞台,它负责渲染UI元素并处理它们在屏幕上的位置和交互。

Panel(面板):
Panel是一种特殊类型的UI元素,用于组织和分组其他UI元素。它可以包含其他UI元素(如文本、图片、按钮等),并通过设置位置和大小来控制布局。Panel可以用于创建复杂的用户界面布局。

使用Canvas的情况:

  • 当你需要在游戏中创建用户界面时,你应该将Canvas作为UI元素的容器。Canvas可以自动调整UI元素的大小和位置,以适应不同的屏幕分辨率和纵横比。
  • 当你需要在不同的场景或屏幕之间切换时,Canvas可以帮助你保持UI的一致性。你可以将Canvas放置在每个场景中,并在切换场景时保持它的状态。

使用Panel的情况:

  • 当你需要将多个相关的UI元素进行分组,以便对它们进行统一的样式设置或布局控制时,你可以使用Panel。Panel可以帮助你组织UI元素,并在需要时进行批量管理。
  • 当你需要对一组UI元素应用相同的效果、过渡或交互逻辑时,你可以将它们放置在一个Panel中。Panel可以作为一个整体来处理和控制这些UI元素。

总结:
Canvas是必须的,作为UI元素的容器和渲染目标。而Panel是在Canvas中更具体的组件,用于组织和控制UI元素的布局、样式和交互行为。使用Canvas和Panel的组合,你可以创建出灵活、可扩展的用户界面。

布局

在Unity 2D UI中,有几个组件可以帮助你进行界面布局和组织元素的排列。

以下是其中几个常用的组件:

  1. Horizontal Layout Group(水平布局组):该组件用于在水平方向上排列子对象。你可以设置子对象之间的间距、对齐方式和布局控制选项。子对象将按照水平顺序从左到右排列。

  2. Vertical Layout Group(垂直布局组):该组件用于在垂直方向上排列子对象。你可以设置子对象之间的间距、对齐方式和布局控制选项。子对象将按照垂直顺序从上到下排列。

  3. Grid Layout Group(网格布局组):该组件将子对象排列成网格形式。你可以设置行数、列数、单元格大小、间距和对齐方式。子对象将按照从左到右、从上到下的顺序填充网格。

  4. Content Size Fitter(内容尺寸适配器):该组件可根据子对象的大小调整容器的大小。你可以设置调整方式,如根据内容的最小或最大大小进行调整。这在需要根据内容自动调整大小的滚动视图和弹出窗口中非常有用。

这些布局组件可以帮助你轻松地创建灵活的用户界面,并根据需求自动调整元素的位置和大小。你可以将它们与其他UI组件结合使用,以创建复杂的界面布局。通过使用这些组件,你可以实现各种各样的用户界面设计,以满足你的游戏开发需求。

Text(TMP) 中文字体

支持中文

  • 我们选中 simhei 文件右键;
  • Create —> TextMeshPro —> Font Asset
  • 完成以上操作之后,我们可以在 Project 栏目中 Assets/Fonts 目录下生成了一个 simhei SDF 文件

注意

字体文件名称不要使用中文。