使用 Canvas 时 UiButton 的大小不正确答案

【问题标题】：UiButton don't size correctly with Canvas使用 Canvas 时 UiButton 的大小不正确
【发布时间】：2020-04-27 14:22:19
【问题描述】：

当我尝试将屏幕从 iPhone X pro 更改为 iPhone 8（横向模式）时遇到问题。当我进行更改时，按钮没有正确调整大小。我应该在 Canva 或按钮中添加什么以获得更好的大小。（面板的相同问题） CanvaInspector ButtonInspector

【问题讨论】：

您对相关按钮进行了哪些设置？您显示的设置适用于整个画布，在此之上，UI 元素可以以多种方式缩放，例如设置不受画布大小影响的宽度和高度。
尝试将Screen Match Mode 更改为Shrink。

标签： unity3d canvas panel

【解决方案1】：

首先，如果您希望您的应用程序仅在横向模式下工作，那么您可以将 Reference Resolution 设置为 X:1080 Y:1920，设置匹配值为 1（这取决于您希望 UI 的反应方式，因此您可能希望将其保持为 0），将预览屏幕尺寸设置为 1920x1080 Landscape，并尝试基于该参考构建您的应用程序，这将使大多数事情变得更容易。此外，如果您正确锚定您的 UI 元素，它将毫无问题地对不同的分辨率做出反应。对于锚点和支点，您可能需要查看unity documentation for basic layout。

但是，如果您希望您的应用程序同时在纵向和横向模式下工作，那么总体思路或多或少是相同的，您可能希望使用您的参考分辨率和匹配值（例如，设置匹配值因为 0.5 将通过同等考虑高度和宽度来调整 UI 大小）。 This 文档可以帮助您更好地理解它。

我也知道有些开发者分别为横向和纵向模式设计不同的 UI，然后根据手机的方向来激活/停用它们。这也是一种选择。

【讨论】：