当前位置: 首页 > news >正文

「Unity3D」UGUI将元素固定在,距离屏幕边缘的某个比例,以及保持元素自身比例

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

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

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

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

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

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

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

相关文章:

  • 概念|RabbitMQ 消息生命周期 待消费的消息和待应答的消息有什么区别
  • 手机号实名认证接口:数字时代的安全与便捷保障
  • 设计模式-结构型模式-桥接模式
  • GB28181视频平台LiveGBS在设置公网IP收流时,如何自定义修改收流端口区间
  • Docker Compose 部署 steamcmd 安装奈斯服务端
  • Kafka,Mq,Redis作为消息队列使用时的差异?|消息队列
  • 计算机视觉应用|自动驾驶的感知革命:多传感器融合架构的技术演进与落地实践
  • 从零开始的python学习(五)P71+P72+P73+P74
  • Redis6.2.6下载和安装
  • ①Modbus TCP转Modbus RTU/ASCII网关同步采集无需编程高速轻松组网
  • 广告营销反欺诈
  • 【Linux】38.网络基础(2.1)
  • K8S学习之基础二十一:k8s的持久化存储之emptyDir
  • 【AI深度学习网络】Transformer时代,RNN(循环神经网络)为何仍是时序建模的“秘密武器”?
  • 【开源】OpenAL、OpenCL、OpenCV 和 OpenGL
  • [machine learning] DP(Data Parallel) vs DDP(Distributed Data Parallel)
  • 25、C++中的多线程同步机制【中高频】
  • Redis 面试篇
  • Nuxt3 ssr build/dev时区分不同的环境
  • Unity 基础知识总结(持续更新中...)
  • 做卡贴和果冻贴的网站/web网页制作成品
  • wordpress共享文件/谷歌seo排名优化服务
  • 城市建设网站鹤岗市/网站热度查询
  • 郑州富士康要搬迁是真的吗/seo基础篇
  • 在日本怎样做网站/想做seo哪里有培训的
  • 做论坛网站/成都百度推广