unityui等比例缩放_Unity--UI操作方法（多种分辨率的UI）

最新推荐文章于 2023-08-30 15:50:57 发布
VIP文章 最新推荐文章于 2023-08-30 15:50:57 发布
阅读量3.7k 收藏 1
点赞数 1
文章标签： unityui等比例缩放
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39858132/article/details/111897656
版权

在现在的游戏和应用程序中需要支持多种不同的分辨率，尤其是UI布局需要能够适应这种分辨率，Unity中的UI系统包括用于此目的的各种工具，可以通过各种方式进行组合。

四种屏幕的分辨率：纵向(640 x 960)和横向(960 x 640)的手机高清以及纵向(320 x 480)和横向(480 x 320)的手机SD。该布局最初以Phone HD纵向分辨率设置。

使用锚点以适应不同宽高比

UI元素默认情况下锚定在父矩形的中心。这意味着它们与中心保持恒定的偏移量。

如果使用此设置将分辨率更改为横向宽高比，则按钮甚至可能不再位于屏幕矩形内。

将按钮保留在屏幕内部的一种方法是更改​​布局，以使按钮的位置绑定到屏幕的相应角。可以使用“检查器”中的“锚定预设”下拉菜单，或在“场景视图”中拖动三角形的锚定手柄，将左上角按钮的锚定设置为左上角。最好在“游戏视图”中设置的当前屏幕分辨率是布局最初设计的分辨率时执行此操作，按钮位置看起来正确。

将按钮固定到它们各自的角后，将分辨率更改为其他纵横比时，它们将粘在它们上。

当屏幕尺寸更改为更大或更小的分辨率时，按钮也将保持锚定在它们各自的角上。但是，由于它们保持其原始尺寸(以像素为单位)，因此它们可能会占据屏幕的更大或更小比例。根据你希望布局在不同分辨率的屏幕上表现的方式，这可能是不希望的。

在本操作方法中，我们知道Phone SD Portrait和Landscape的较小分辨率并不对应于物理上较小的屏幕&#

最低0.47元/天 解锁文章
weixin_39858132
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
unity ui 自适应平均大小_Unity--UI操作方法（多种分辨率的UI）
weixin_39586235的博客
12-15 1221
在现在的游戏和应用程序中需要支持多种不同的分辨率，尤其是UI布局需要能够适应这种分辨率，Unity中的UI系统包括用于此目的的各种工具，可以通过各种方式进行组合。四种屏幕的分辨率：纵向（640 x 960）和横向（960 x 640）的手机高清以及纵向（320 x 480）和横向（480 x 320）的手机SD。该布局最初以Phone HD纵向分辨率设置。使用锚点以适应不同宽高比UI元素默认情况下...
图片等比缩放展示
06-08
图片等比缩放展示，可以在窗口重置的情况下，等比缩放，翻页滚动。主流浏览器都兼容。
Unity-UI控件在不同设备等比例缩放显示
weixin_40583225的博客
04-01 2468
Unity的Canvs下提供了一个简单的设置方法 如果想动态的调整，最好的方法是用代码来控制 //以1920x1080为基准，屏幕根据高度的不同等比例缩放，适配控件的大小 public void RectAdaptY(RectTransform rect) { float scale = Screen.height / 1080f; Debug.Log("scale = " + scale); rect.sizeDelta = new
unityui等比例缩放_Unity 4.6-如何针对每种分辨率将GUI元素缩放到合适的大小
weixin_33748493的博客
01-13 419
The new Unity 4.6 comes with a new GUI, when I change de resolution on Unity the UI Button scales perfectly but when I test on the Nexus 7 device the Button looks too small. Any idea how to solve this...
unity三种ui缩放模式，有什么不同
qq_20179331的博客
04-25 732
unity三种ui缩放模式，有什么不同。
Unity 实现UI窗口拖拽缩放
04-26
在Unity里面实现UI窗口的操作，包含拖动，单边拖动缩放，对角拖拽缩放功能
Unity UI窗口(弹窗)拖动缩放demo
04-14
Unity UI窗口(弹窗)拖动缩放demo 在Unity里面 Unity UI窗口(弹窗)的操作，包含拖动，单边拖动缩放，对角拖拽缩放功能
unity插件 UI图片简单缩放与拖拽
03-05
unity插件 UI图片简单缩放与拖拽
Unity-超炫科幻UI-Customizable SciFi Holo Interface 1.6.2
最新发布
04-02
轻松创建您自己的交互式动画全息界面！ - 高度可定制的布局...注意：当使用低于 5.4.x 的 Unity 版本时，此资产的图像效果和未缩放时间功能不可用。使用Unity 2017以上时，图像效果可以替换为后期处理堆栈绽放效果
unity 模型显示在UI上 并交互（点击、旋转、缩放）
08-25
教程地址：https://blog.csdn.net/qq_37524903/article/details/132490625
Unity的UI的自适应缩放
weixin_43701019的博客
09-26 6706
——个人笔记 UI设置 锚点设置，这个就是设置UI的四角的点与设置的锚点的距离固定着。通常是9个位置，但是也可以自己手动拖动。 Canvas设置 点击canvas，找到下面的组件，然后把UI Scale Mode 设置为图中的自适应模式Scale With Screen Size，这个是根据不同手机不同分辨率自适应缩放，Reference Resolution是你设置的最佳分辨率，Match就...
Unity 图片动态按照比例缩放
weixin_42037483的博客
04-23 1693
/// <summary> /// 缩放图片 /// </summary> /// <param name="image"></param> /// <param name="destHeight"></param> /// <param name="destWidth"></param> public static void ZoomImage(this...
unityui等比例缩放_Unity UI大小动态设置(Resize Unity UI RectTransform)
weixin_32380501的博客
01-30 4537
我们在开发过程中发现，要调整Unity UI元素的大小，RectTransform提供了sizeDelta属性可以用来动态修改RectTransform的大小，但同时我们也google到另外一个修改RectTransform大小的方法，方法如下：public static void SetRectTransformSize(RectTransform trans, Vector2 newSize)...
Unity Image中的Sprite等比例缩放
杨勇博客之家
03-03 5341
历史文章目录连接：https://blog.csdn.net/yy763496668/article/details/113117040此链接为CSDN连接，目的为方便大家一览博客目录！内...
京城游戏人-Day12: Unity 中 UI 随屏幕大小等比缩放
大锐哥的技术专栏
08-07 7048
京城游戏人-Day12: Unity 中 UI 随屏幕大小等比缩放- 作者：大锐哥 地址：http://blog.csdn.net/prevention - 在 Canvas 的 Inspector 中设置 Canvas Scaler (Script) 的 UI Scale Mode 为 Scale With Screen Size。 填写 Reference Resolution 的 X 为 12
Unity3D UGUI Image与父级保持比例缩放
weixin_30907935的博客
01-12 1396
1 using UnityEngine; 2 using System.Collections; 3 using UnityEngine.UI; 4 5 public class X_RectAutoSize : MonoBehaviour 6 { 7 //原始尺寸 8 private Vector2 olSize; 9 /...
[Unity]如何等比例缩放Sprite
BuladeMian的博客，菜得抠脚，菜得真实
10-27 1757
... this.transform.localScale = this.transform.localScale * 100f; ...
Unity UGUI实时等比例缩放
温大侠的博客
07-01 2823
最近的项目要实现一个类型web端响应式布局的效果，想了一下，只能通过修改整体ui的scale来实现：Content是一个image,这里充当一个容器，需要根据需求设置好锚点和中心点，会根据父物体的宽高适配，父物体上挂载一个脚本，当自身大小发生变化时计算Content应适配的大小换算为scale值： 上代码： using System.Collections; using System.Collections.Generic; using UnityEngine; public class U
Unity分辨率适配
lqd201314的博客
08-30 2302
打开Unity编辑器，在菜单栏选择"Edit"（编辑）> "Project Settings"（项目设置）> "Player"（玩家），然后在Inspector面板的"Resolution and Presentation"（分辨率与展示）选项卡中找到"Default Is Fullscreen"（默认为全屏）并勾选。- 如果使用的是Canvas来渲染UI元素，确保Canvas的Render Mode（渲染模式）设置为"Screen Space - Camera"（屏幕空间-摄像机）。
unity ui窗口拖拽缩放
08-01
Unity UI窗口的拖拽缩放是可以实现的，我会简单介绍一下实现的步骤。 首先，我们需要给UI窗口添加一个拖拽脚本。创建一个新的C#脚本，将其命名为"DragResize"（或其他你喜欢的名称），并将其附加到UI窗口的GameObject上。 在该脚本中，我们需要添加以下成员变量： - private RectTransform rectTransform; // 用于获取和修改UI窗口的位置和尺寸 - private Vector2 originalMousePos; // 用于储存鼠标按下时的位置 - private Vector2 originalWindowSize; // 用于储存窗口的初始尺寸 在Start()方法中，我们需要获取窗口的RectTransform组件： ```csharp void Start() { rectTransform = GetComponent<RectTransform>(); originalWindowSize = rectTransform.sizeDelta; } ``` 然后，我们需要添加鼠标拖拽和缩放的逻辑。在Update()方法中，我们需要监听鼠标按下、拖拽和释放的事件并做出相应的处理： ```csharp void Update() { if (Input.GetMouseButtonDown(0)) // 鼠标左键按下，记录初始位置 { originalMousePos = Input.mousePosition; } else if (Input.GetMouseButton(0)) // 鼠标按下并拖拽 { Vector2 currentMousePos = Input.mousePosition; Vector2 deltaPos = currentMousePos - originalMousePos; // 修改UI窗口位置 rectTransform.position += new Vector3(deltaPos.x, deltaPos.y, 0); originalMousePos = currentMousePos; } else if (Input.GetMouseButtonUp(0)) // 鼠标释放，结束拖拽 { originalMousePos = Vector2.zero; } } ``` 此时，我们已经实现了UI窗口的拖拽功能。如果还想实现缩放功能，可以将鼠标滚轮的滑动事件加入到代码中： ```csharp void Update() { //... 拖拽逻辑 float scrollDelta = Input.mouseScrollDelta.y; Vector2 newSizeDelta = originalWindowSize + new Vector2(scrollDelta, scrollDelta); // 限制最小尺寸（可根据需求进行修改） newSizeDelta.x = Mathf.Max(newSizeDelta.x, 100); newSizeDelta.y = Mathf.Max(newSizeDelta.y, 100); // 修改UI窗口尺寸 rectTransform.sizeDelta = newSizeDelta; } ``` 这样，我们就完成了Unity UI窗口的拖拽缩放功能的实现。根据实际需求，你可以对代码进行修改和优化。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值