如何统一为不同的屏幕尺寸设置基于购物的 UI？答案

【问题标题】：How to setup a shopping based UI for different screen sizes in unity?如何统一为不同的屏幕尺寸设置基于购物的 UI？
【发布时间】：2019-03-08 07:22:14
【问题描述】：

我正在尝试为不同的屏幕尺寸设置基于购物的 UI。在 Inspector 内的画布设置中，我给出了 750 x 1334(Iphone 6) 的参考分辨率

UI 缩放模式 - 随屏幕大小缩放 Match(Width-Height) - 0.5（我改成可以在图片中看到它们）

不知何故，我根据给定的设计放置了图像和文本。在 Iphone 分辨率下看起来不错。但在 Ipad 中，按钮和文本混淆了。现在我更改 Match(Width-Height) - 1 。结果是它看起来不错，但在 ipad 视图中它看起来很小并且两侧有足够的空间。如何获得匹配的视图/查找所有不同的屏幕尺寸。

图片如下

【问题讨论】：

标签： c# ios unity3d uiview

【解决方案1】：

其实你不需要改变匹配大小。

你实际上必须使用的是锚。如果您使用锚点，无论屏幕大小如何变化，UI 元素都会随之调整大小。

请看团结官员的这段视频。它一定会解决你的问题。

https://www.youtube.com/watch?v=FeheZqu85WI&list=PLX2vGYjWbI0Qp0sD8_RKgbWul7z_eyNAv&index=2

谢谢。如果这解决了你的问题，你可以接受这个答案。

【讨论】：

当我为 ipad（2228 x 1668 分辨率）设置自定义锚点时，图像的宽度看起来被拉伸，而当我为 iphone（750 x 1338）设置自定义锚点时，图像的高度看起来被拉伸。
不要在图像上拉伸锚点，只需将其固定在图像的中心就不会拉伸。
避免自定义锚点？
肖像和风景..这将如何影响图像...肖像模式确实缩小了宽度。
如果你想调整大小然后你必须把锚点放在图像周围，就像锚点的所有三角形在图像的所有角落一样。此外，勾选在统一检查器中保留图像组件中的纵横比，如果在图像上拉伸锚点会导致图像过度拉伸，请尝试在图像内锚定锚点，但不要拉伸整个图像，只需拉伸一点，例如图像是一个矩形3*6 然后将锚点设为 1*2 并将锚点放在该图像内。