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

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

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

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

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

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

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

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

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

http://www.dtcms.com/a/61554.html

相关文章:

  • 概念|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 基础知识总结(持续更新中...)
  • golang从入门到做牛马:第七篇-Go语言常量-不可变的“守护者”
  • 数据清洗级可视化中,Pandasnumyp的主要作用
  • 02C#基本结构篇(D1_基本语法)
  • 使用hutool封装http请求
  • 工厂模式加策略模式 -- 具体实现
  • 若依RuoYi-Cloud-Plus微服务版(完整版)前后端部署
  • 种子填充(Floodfill、泛滥填充、洪水填充) 算法c++模板
  • 固定表头、首列 —— uniapp、vue 项目
  • C#主流日志库深度对比:NLog、log4net与Serilog如何选择?
  • Qt 元对象系统