泉州模板开发建站php网站开发师

在不同分辨率的屏幕下，UI元素按照自身像素大小，会发生位置与比例的变化，本文仅利用锚点（Anchors）使用，来实现UI元素，固定在某个比例距离的屏幕边缘。

首先，将元素的锚点设置为中心，通过pos来调整元素，距离屏幕的像素位置，以及自身的像素大小，如下图。

其次，将锚点设置为元素的四个角，使得元素的Pos全部为0，如下图。

这样，屏幕分辨率变化，元素就可以固定在屏幕边缘的某个比例位置，但有个问题，就是元素会被缩放，失去原有比例，所以需要用Aspect Ratio Fitter来控制元素自身比例，如下图。

这里竖屏使用的是——高度控制宽度（1:1），如果是横屏就用——宽度控制高度，即：哪个方向的变化为基准，来缩放另一个方向，以达到固定比例。竖屏以高度为基准变化宽度，宽屏以宽度为基准变化高度。

之后会看到，元素的宽度被自动设置。

最后，看一下不同分辨率的效果，如下图。