Aspect Ratio Fitter 和 Image

国际标准图像分辨率测试ISO12233 - 2017中文翻译 标准图像分辨率测试ISO12233 - 2017文档的中文翻译,用作测试相机解析力的ISO12233标准图卡的参考文档,此翻译文档基本与英文原版一致 阅读详情

UGUI 里面 Aspect Ratio Fitter 的作用是保持一个 UI 控件的宽高比。然而 Image 自身就有一个 Preserve Aspect 属性用于保持自己的宽高比。因此起初我就想 Image 是不是就用不上 Aspect Ratio Fitter 了,或者说 Image 自身的 Perserve Aspect 的属性是不是多余的。后来发现并不完全是。

前段时间遇到一种情况必须要使用 Aspect Ratio Fitter 。

在下图中,Bubble、Text 和 Text (1) 是文字冒泡的 UI 控件。为了让文字冒泡的位置始终对准背景图片中的人物头顶,我给文字冒泡的各个控件设置了锚点。


Bubble 即冒泡框相对其父节点 Image(背景图片)设置了锚点,目的是不管 Image 大小如何变化,都要让冒泡框对准背景图片里面人物的头顶。

如果只是依靠 Image 的 Preserve Aspect 属性,那么文字冒泡是无法在 Image 大小改变的时候时刻对准背景图片里的人头的:


这是因为 Preserve Aspect 虽然能保持图片的宽高比,但却并不能保持 Image 的 Rect Transform 的宽高比。然而锚点却是基于父控件的 Rect Transform 的边界来定位的。

在这种情况下就必须给 Image 挂载 Aspect Ratio Fitter,

UGUI使用小技巧(三) Aspect Ratio Fitter的使用 前不久遇到一个问题,使用Unity中的Raw Image的时候想要图片不被拉伸。 记得Image组件里面有一个参数:Preserve Aspect(锁定比例),可以针对Simple模式,勾选之后,无论图片的sizeDelta怎么变化,图片都会一直保持初始的比例缩放。 但是RawImage组件没有这个参数 于是就使用了Aspect Ratio Fitter组件,这个组件比较简单,只有两... 阅读详情

相关推荐

Unity UGUI聊天对话框自适应布局实战:从LayoutElement到Content Size Fitter的完整配置指南

在Unity游戏开发中,UI自适应布局是构建跨平台、多分辨率应用的核心技术之一。其原理基于UGUI的自动布局系统,通过布局元素(ILayoutElement)报告尺寸诉求,布局控制器(ILayoutController)分配空间,形成三层决策模型。这项技术的价值在于能够创建灵活、健壮的界面,自动适应不同屏幕尺寸和内容变化,显著提升开发效率和用户体验。在实际应用场景中,聊天对话框是典型的自适应布局案例,需要同时处理头像固定、文本气泡自适应、滚动视图适配等复杂需求。本文以聊天对话框为例,深入解析如何通过Layo

weixin_27240351的博客 218

Unity UI适配实战:5个核心技巧告别Canvas漂移与错位

UI适配是游戏开发中确保用户界面在不同屏幕尺寸和分辨率下保持一致性的关键技术。其核心原理在于将固定的设计布局通过相对坐标和智能缩放规则,动态映射到多变的显示设备上。这项技术的价值在于提升用户体验的一致性和产品的专业度,广泛应用于移动端、PC端及跨平台游戏的HUD、菜单、弹窗等界面开发。通过深入理解Canvas的渲染模式、Rect Transform的锚点机制以及Canvas Scaler的缩放策略,开发者可以构建出自适应布局。本文聚焦Unity引擎,针对Canvas适配中常见的元素“漂移”、异形屏遮挡及多分

weixin_33868027的博客 296

Unity UGUI LayoutGroup核心三选项:Control Child Size、Child Scale Factor与Child Force Expand深度解析

在Unity UI开发中,自动布局系统是构建自适应界面的关键技术。其核心原理在于通过LayoutGroup组件,依据子物体的理想尺寸和布局约束,智能分配排列空间。理解Control Child Size、Child Force Expand等选项的工作原理,对于实现稳定、高效的UI至关重要。这些选项共同决定了子物体尺寸的控制权归属、剩余空间的分配策略,直接影响着列表、网格、导航栏等常见组件的渲染效果与交互体验。本文聚焦于Unity UGUI的LayoutGroup,通过剖析Control Child Siz

weixin_30565199的博客 637

Unity 之 UGUI Scroll Rect滚动矩形组件详解

当占用大量空间的内容需要在小区域中显示时,可使用滚动矩形。滚动矩形提供了滚动此内容的功能。

陈言必行 -- Unity游戏开发领域优质博主 1万+

UGUI自动布局Layout

自动布局就是自动设置若干个对象尺寸和位置的功能,在游戏中有广泛应用

ellis1970的博客 577

Rocky Linux 9 远程桌面配置全攻略:从零搭建XRDP服务(含防火墙设置)

本文提供了在Rocky Linux 9上从零开始配置XRDP远程桌面服务的完整指南。详细介绍了系统准备、XRDP服务安装、防火墙与SELinux安全设置、多用户性能优化以及多平台客户端连接实测。重点解决了使用Windows远程桌面协议(RDP)连接Rocky Linux时常见的配置难点与安全问题,帮助用户获得稳定高效的图形化远程访问体验。

vodka的博客 649

PHP证书图片生成

$realname = "姓名"; $schoolname = "学校"; $idcard = "身份证号"; $image = imagecreatefrompng('certification.png'); // 证书模版图片文件的路径 $red = imagecolorallocate($image,00,00,00); // 字体颜色

4036

模拟调制系统实战:从AM到FM的5种调制方式对比与选型指南

本文深度解析AM、DSB、SSB、VSB、FM五种经典模拟调制方式,从实现电路、频谱效率、抗噪性能及工程成本等维度进行实战对比。通过MATLAB/Simulink仿真案例,提供清晰的选型决策框架,帮助工程师在无人机图传、短波通信、广播系统等具体项目中,根据带宽、功耗和抗干扰需求选择最优方案。

study的专栏 932

1、Ovirt 开源虚拟化平台安装

Ovirt虚拟化Node和Engine安装

大鱼 6266

分享一个N-MOS管和P-MOS管驱动应用实例

大家好,我是『芯知识学堂』的SingleYork,今天给大家分享一下MOS管驱动相关的知识。 MOS管在电路设计中是比较常见的,按照驱动方式来分的话,有两种,即:N-MOS管和P-MOS管。MOS管跟三极管的驱动方式有点类似,但又不完全相同,那么今天笔者将会给大家简单介绍一下N-MOS管和P-MOS管的工作原理,并结合自己实际的应用来给大家分享一下如何来驱动N-MOS管和P-MOS管。 首先,我们先来看一下N-MOS管和P-MOS管分别在电路中的电气符号: 咋一看上面两个电气符号,似乎非常的相似,可能让很

『芯知识学堂』SingleYork 的博客 3万+

疾风气象大模型4.0白皮书

《疾风气象大模型白皮书摘要》 疾风气象大模型(J-AFM)是国内首个基于3D建模的气象智能平台,突破传统二维气象分析的局限,采用体素化技术构建"x-y-z-t"四维统一模型,实现从分钟级短临到30天跨时效的连续预测。核心技术包括:1)多源数据三维同化,融合雷达、卫星、风廓线等异构数据;2)物理约束AI解码器,嵌入能量守恒、湍流封闭等气象原理;3)行业适配插件,服务风电、光伏、航空等领域,如山地风场尾流校正、云影短临预测。平台支持批流一体推理与边缘部署,提供概率化输出和误差溯源能力,显著降

专注AI大模型,软件混淆,授权 544

[系统安全] 三十二.恶意代码检测(2)常用技术详解及总结

前文从产业界和学术界分别详细讲解恶意代码攻击溯源的相关知识,在学术界方面,用类似于综述来介绍攻击追踪溯源的不同方法;在产业界方面,主要参考李东宏老师从企业恶意样本分析的角度介绍溯源工作。这篇文章将详细总结恶意代码检测技术,包括恶意代码检测的对象和策略、特征值检测技术、校验和检测技术、启发式扫描技术、虚拟机检测技术和主动防御技术。希望这篇文章对您有所帮助,如果文章中存在错误、理解不到位或侵权的地方,还请告知作者与海涵。且看且珍惜,加油~

杨秀璋的专栏 1万+

基于Solidworks的三维光路结构示意图绘制实例演示-技术细节

基于Solidworks的三维光路结构示意图绘制实例演示-技术细节

简单光学 1万+

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

上一篇: 将git工作目录的改动应用到svn
下一篇: 用 Animation 实现匀速旋转
纸箱猪
博客等级 码龄16年 205粉丝 99原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值