Unity 两张合并而成的背景图如何做全屏自适应

最新推荐文章于 2024-02-02 18:40:58 发布
最新推荐文章于 2024-02-02 18:40:58 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： Unity 文章标签： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45571150/article/details/121979775
版权

标题今天项目中遇到了一个需求如标题所示

不要问为什么不让UI出一整张图，问就是因为一整张太大，只能用2048尺寸的图集，2048需要的内存是1024的4倍，能避免则避免！！！
思路：首先要明白，我们两张图片的中心点(Pivot)必须在中心轴上，只能向一边(左右)拉伸和上下自适应拉伸

在这里插入图片描述
在这里插入图片描述

1.父节点设置为全屏自适应
在这里插入图片描述
2.左右两张背景图片的中心点设置为父节点中轴线上
在这里插入图片描述
3.往左边方向(ImgBgRight往右)和上下自适应(设置锚框)
在这里插入图片描述
在这里插入图片描述
完成啦
就是这么简单

效果如下：在这里插入图片描述
在这里插入图片描述
建议不是很了解RectTransform的童鞋可以看一下这篇博客
https://www.jianshu.com/p/dbefa746e50d

Var_al
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity3D 图片Texture全屏背景范例
09-12
Unity3D 图片Texture全屏背景范例
关于Unity中的UGUI的屏幕自适应（多分配率适配）
清风亦枫的博客
07-03 4965
前言：最近在学习UGUI，在学习UGUI当中的屏幕自适应的时候出现了问题，搞的我很头疼，于是在网上查了很多资料，花了一晚上的时间，其实当时还是没想明白，但夜里突然失眠了，于是想了想昨天晚上看的资料，突然灵光一闪好像明白了点什么，为了方便以后的查阅，因此也就有了这篇文章。好了咱们废话不多说 ~想要明白UGUI的屏幕自适应（多分配率适配）首先你要明白：Canvas和锚点有什么区别？因为在进行适配的时候...
Unity背景自适应文字高度
weixin_42145757的博客
08-14 724
Text Lbl = gameObject.GetComponent<Text>(); RectTransform RT = gameObject.GetComponent<RectTransform>(); RT.sizeDelta = new Vector2(RT.sizeDelta.x,RT.sizeDelya.y + Lbl.preferredHeight);
Unity 图片不改变比例适配屏幕
SlowFeather's blog
02-02 979
遇到一个要让图片适应相机大小，填满屏幕，但不改变图片比例的需求，记录一下。
Unity 之 实现背景图动态适配不同分辨率
陈言必行 -- Unity游戏开发领域优质博主
04-26 2259
在不同分辨率的设备上，背景图可能会出现拉伸、压缩或失真等问题，因此需要对背景图进行适当的缩放和调整，以确保在不同分辨率下都能够保持良好的外观效果。
Unity打包Webgl端进行 全屏幕自适应
最新发布
06-01
在Unity中将项目打包成WebGL格式，是为了让游戏或应用程序能在网页上运行，而全屏自适应则是提升用户体验的关键因素。本篇文章将详细介绍如何在Unity中实现WebGL端的全屏幕自适应，并关注`index.html`和`style.css`...
Unity实现背景图片淡入淡出效果
12-26
本文实例为大家分享了Unity实现背景图片淡入淡出的具体代码，供大家参考，具体内容如下 如题。 背景是两个图片， 每隔一段时间 图片1 淡出，2 淡入， 然后2淡出，1 淡入 很简单  首先Unity建立两个 image1， image2...
Unity3d UGUI 实现底部UI自适应的功能工程
05-19
建议先看说明：...Unity3d UGUI 实现底部UI自适应的功能工程 基于ScrollRect 、 Vertical Layout Group和 Grid Layout Group等组件，实现高度匹配，UI宽度内容动态适配的功能。
Unity打包WebGL平台，能够实现自适应的Template
07-13
本主题将深入探讨如何使用Unity打包WebGL平台，并实现自适应的Template，以确保游戏或应用在不同设备上拥有良好的表现。 Unity WebGL允许开发者创建的交互式3D和2D内容在网页上运行，无需任何插件。WebGL模板是...
Unity中怎么使背景自适应文本UGUI
ljw0723的博客
06-15 224
3.给背景图片添加ContentSizeFitter和HorizontalLayoutGroup组件并设置参数。2.给这个背景image添加子物体Text。1.创建一个背景Image。
unity我看看能不能加四张图，两张作背景，两张切换跑道
04-02
我看看能不能加四张图，两张作背景，两张切换跑道
unity 背景屏幕自适应(适用于全面屏)
欲望不是坑是黑洞，填不满也关不上
01-02 4309
using System.Collections; using System.Collections.Generic; using UnityEngine; public class HelpUIResponse : MonoBehaviour { public UISprite background; public UIRoot uiRoot; public floa...
游戏背景图片的适配算法
hyx18775752051的博客
07-29 532
UGUI。图片锚点选择中心点对齐。 效果类似windows壁纸的填充。就是按比例放大，刚好覆盖整个屏幕。 使用方法：将脚本挂到需要适配的背景图上，调整锚点中心对齐。将需要适配的Canvas拖到脚本的canvas字段上赋值即可。 脚本如下： using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class BGResize : MonoB
unity编辑器拓展十一——将两张RGB图合并成一张
baicaishisan的博客
02-23 6045
游戏角色shader，包含的东西比较多，还要做到动态合并，程序那边希望贴图经可能少，而我们美术用了两张图，一张图的RGB是高光、流光、自发光，另外一张图的RGB是不同区域的偏色，其实每个通道的一整张贴图只用了一部分，其他地方都是空的，于是就想到把两张图合并成一张图来使用。合并后的这张贴图的R通道：0到128 为高光 128到255为偏色区域，前提是偏色跟高光不要重合 所以这个偏色区...
Unity3d深挖项目-自己写的一个图片合并
大话程序员
08-27 531
写博客需要，想找个简单的实现2个图合并 美图秀秀居然操作台复杂， 无奈，种草多天，只能自己写一个 基于Unity3d Editor mac模式的拖拉操作 -- 2020.8.27 ==================== 目前，只完成基本功能 v0.8 导出对比图 目前，还是偏差非常离谱，哈哈哈哈 待实现 导出的一些扩展功能，如导出后预览 从网络url复制（剪切板） 从剪切板复制图片 加载项目内图片（项目外已实现） 支持多张图片和多种拼接方式 卡顿优化，考虑引入外部图片...
unity 多张图片合成一张图片
qq_43687127的博客
07-30 2422
在工作中遇到了需要把两张图片合成一张图片的需求，在网上没有查找到好的解决方法，经过查找和询问别人解决了这个问题。话不多说上干货！ public Texture2D TwoToOne(Texture2D source, Texture2D target)//图片合成 { for (int x = 0; x < target.width; x++) { for (int y = 0; y < target.height; y++)
Unity基础：文本框、图片自适应（ContentSizeFitter、VerticalLayoutGroup等组件的使用）
Fay_Fey'S Blog
11-14 3998
1、https://blog.csdn.net/PalmAdorableTiger/article/details/81092521 2、 Vertical Layout Group/Horizontal Layout Group Padding：控制子节点和上下左右的距离 Spacing：每个Item之间的距离 Child Alignment 表示对齐方式。 Control C...
Unity 图片资源的适配
Ai1114的博客
08-23 3314
最近小编做Unity项目时，发现在资源处理这方面和Android有所不同；例如：Android的资源文件夹res下会有着mipmap-mdpi，mipmap-hdpi，mipmap-xhdpi，mipmap-xxhdpi，mipmap-xxxhdpi这五个文件夹，这是因为我们一般在蓝湖UI设计图上下载的图片资源都是对应这五种分辨率的图片，而在Unity中，图片资源的分辨率的自适应却没有这个概念；不过Unity倒是有一个Canvas Scaler组件可以做自适应处理；
Unity用代码将多张图片合并为一张图片
刘丿建宁
03-18 8007
最近在写一个自己的小项目，在项目中，我想写这么一个地图编辑器： 1.将游戏地图划分一个N个正方形格子 2.地图编辑器有分层功能，类似于PS的图层，在每一个图层上我可以设置指定的图片。 3.根据每个层图片，将其合并为一张图(每张图像素尺寸非固定的) 所以根据以上要求，我创建了如下的编辑器： 在以上的编辑器中，可以在笔刷面板添加图片，然后在层级面板添加新的层级，用来绘制新的图片。 那核心的问题就是，...
unity图片自适应
08-22
在Unity中，可以使用以下方法实现图片的自适应： 1. 使用UI组件：将图片放置在Canvas中，并使用UI组件（如RawImage、Image）来显示。可以使用以下属性来控制图片的自适应效果： - Preserve Aspect：保持纵横比，使...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值