站长工具域名解析,深圳消防公司排行,互联网商业计划书模板范文,网站建设运营公司企业特色在不同分辨率的屏幕下#xff0c;UI元素按照自身像素大小#xff0c;会发生位置与比例的变化#xff0c;本文仅利用锚点#xff08;Anchors#xff09;使用#xff0c;来实现UI元素#xff0c;固定在某个比例距离的屏幕边缘。
首先#xff0c;将元素的锚点设置为中心UI元素按照自身像素大小会发生位置与比例的变化本文仅利用锚点Anchors使用来实现UI元素固定在某个比例距离的屏幕边缘。
首先将元素的锚点设置为中心通过pos来调整元素距离屏幕的像素位置以及自身的像素大小如下图。 其次将锚点设置为元素的四个角使得元素的Pos全部为0如下图。 这样屏幕分辨率变化元素就可以固定在屏幕边缘的某个比例位置但有个问题就是元素会被缩放失去原有比例所以需要用Aspect Ratio Fitter来控制元素自身比例如下图。 这里竖屏使用的是——高度控制宽度1:1如果是横屏就用——宽度控制高度即哪个方向的变化为基准来缩放另一个方向以达到固定比例。竖屏以高度为基准变化宽度宽屏以宽度为基准变化高度。
之后会看到元素的宽度被自动设置。
最后看一下不同分辨率的效果如下图。
