Unity3D UGUI学习笔记之界面适配的三种方式

最新推荐文章于 2024-12-01 22:07:38 发布
原创 最新推荐文章于 2024-12-01 22:07:38 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了Unity4.6中UGUI提供的三种基本界面适配方案，包括保持缩放比例并裁切、缩放但不裁切及匹配屏幕宽度或高度等方法，并详细解释了CanvasScaler组件的使用。 
 

  在游戏项目的开发时，需要考虑到屏幕尺寸的大小，毕竟安卓、IOS的屏幕大小都有所不同，
 


 


 

  　　所以在做界面适配时需要将这些条件都考虑进去，为了能帮到大家提升开发效率，下面就给大家介绍了三种界面适配的方式，想学的可以看一看。
 


 


 

  　　Unity4.6新版UGUI，提供了三种基本的界面适配方案。
 


 


 

  　　首先添加一个Image，这样就会有一个Canvas被自动创建。来看Canvas的属性设置。
 


 

  1488250350-5736-phpeqYE2r.1487817938
 


 


 

  　　Canvas Scaler就是用来做适配的
 


 


 

  　　Reference Resolution表示我们设计界面的时候使用的屏幕大小
 


 


 

  　　Screen match Mode有三种选择，即三种界面适配方案。
 


 


 

  　　        Shrink 保持缩放比例，裁切
 


 

  　　        Expand 缩放不裁切
 


 

  　　        Match Width Screen Size
 


 

  　　        如果是Match Width 那么就是适配宽度，把宽度设置为屏幕宽度，然后保持比例
 


 

  　　        如果Match height，那么适配高度，首先把高度设置为屏幕高度，然后保持比例
 


查看原文：http://www.51xyyx.com/2889.html
AI大模型
关注
Unity笔记—10（Unity常用插件整理之UGUI）
宝全哥哥的博客
12-20 2625
Unity笔记—8（Unity常用插件整理之UGUI） 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录Unity笔记—8（Unity常用插件整理之UGUI）前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习
unity之UGUI系统基础
qq_42898629的博客
10-29 2302
UGUI系统基础一.UGUI 简介： ①.Unity3D4.6 版本开始，Unity 引擎内出现了一个自己的完整 UI 系统。在此之 前，国内 90%以上的 Unity 项目，项目 UI 界面都是使用 NGUI 插件制作的。 ②.旧版 UI：GUITexture，GUIText。 OnGU...
Unity UGUI 九宫格屏幕适配
01-05
Unity UGUI 九宫格屏幕适配
Unity 工具之 UniWebView 内嵌网页浏览器到应用中，并且根据UGUI大小放置（简单适配UGUI）
06-30
Unity 工具之 UniWebView 内嵌网页/浏览器到应用中，并且根据UGUI大小放置（简单适配UGUI） 注意：UniWebView 使用版本为 UniWebView 3.7.0 UniWebView 包含一组 C# 的高层级 API，它对 iOS 和 Android 平台的本机 API 进行了抽象封装。使用 UniWebView，您可以在无需了解本机开发的任何内容的情况下，就将浏览器行为添加到游戏中。当您需要显示活动公告及通知，或为玩家排名添加排行板，或是向用户显示任何网页内容时，UniWebView 都可以帮助您轻松解决问题。 UniWebView 支持 在iOS 9.0 或更高版本，以及 Android 5.0 (API Level 21) 或更高版本。它还包含在 macOS 上的 Unity Editor 的完整功能支持。 功能： 网络浏览 载入本地 HTML 文件 JavaScript 完整支持 基于 url scheme 的消息系统 通过绝对值或引用 Unity UI 元素的相对值来设置位置和大小 播放 YouTube，Vimeo 或本地视频 获取照片和上传
unity屏幕适配
04-28
此文档可支持unity3d自动适应屏幕,只需将类拖到物体上且设置物体便可
Unity UGUI 屏幕适配
SuperLin的博客
07-07 3897
为了让项目能够在各种电子设备上都能正常运行，我们需要让UGUI在各种分辨率、各种比例下都能正常显示。为了达到这一目的我们需要做UGUI的屏幕适配。
Unity中的UGUI屏幕适配
木头圈
09-26 7297
本文分享Unity中的UGUI屏幕适配 屏幕适配一直是一个老生常谈的问题, 虽然只是项目一开始的时候会用到, 但是还是有很多东西需要学习和了解, 今天给大家分享下一些个人的学习和总结. 各种坐标 屏幕适配有很多重要的概念, 坐标总是一个难以绕过的话题. 与适配相关的坐标有, 局部坐标, 世界坐标, 屏幕坐标. 下面我们一一道来. 本地坐标(LocalPosition) 父节点模型空间: 以父节点的轴心点为原点, 横纵坐标分别位于长和宽上, 构建父节点的模型空间. 本地坐标也被称为局部坐标, 就是节点的轴心点
Unity学习笔记(08)：Rect Transform组件及实现不同尺寸分辨率的UI屏幕适配
"✧treasure mountain✧"
06-21 2077
Canvas的宽高和屏幕一致 中心点在xy轴的中间 Rect Transform UGUI的Image节点有RectTransform组件 scale 缩放 position 位置(注：相对于其父节点 即Canvas) 以父节点为(0,0) (相对点) 相对点可以拖动 与此同时position的值也会相应改变 pivot 图片的中心点的位置 (0,0)是左下角 (1,1)是右上角 默认(0.5,0.5)中央 若中心点设为(0,0) 那么位置为(0,0)的时候 Canvas的中心会在图片的左下角位置
unity游戏开发学习笔记
qq_29231163的博客
09-02 1万+
unity note： 游戏和三维互动内容开发工具，专业游戏引擎 游戏引擎： 一款游戏最核心的代码 包含： 渲染引擎，物理引擎、碰撞检测，音效、脚本引擎、动画系统 人工智能、网络引擎、场景管理。 游戏公司分工 策划、美工、软件工程师、测试工程师、客服 首月： day1： 环境搭建、C#语言基础、Unity API、物理引擎1、3D数学基础、UGUI 程序界面 Project->Assets文件 Hierarchy-> 对象 Scene 右键旋转 滚轮->前进后退 F键—&gt
Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程.Part1
热门推荐
空名先生
03-19 1万+
FairyGUI简介导读 她提供了超强的UI编辑器，界面操作与PS类似，友善且简单。主打的是摒弃了脚本和配置文件这些需要代码思维的操作，设计或者美术都可以轻轻松松学会并生产界面。 能实现功能非常之多：最基本的按钮，图片，富文本，进度条，滑动条，列表，树 进阶的有动画，控制器，关联系统，装载器，窗口，动效 支持的引擎也非常之多：Unity,Unreal,Cocos,ThreeJS,Egret,LayaAir等十多款游戏引擎 通过简单的操作来实现复杂的功能，提高开发效率，UI 制作效率提升昂...
Unity_UGUI屏幕适配
wy小骑士
01-16 521
分别有5 个显示方式：第一个是竖向（Portrait），第二个是竖向倒过来（Portrait Upside Down） ，第三个是右横（Landscape Right），第四个左横（Landscape Left），最后一个是自动旋转（Auto Rotation），通常最后一个是默认选择上的
Unity 最新UGUI 屏幕适配
pdw_jsp的专栏
11-12 1285
考虑到现在ipx； ipxs的加入，所以现在的屏幕适配方案修改为如下 背景图大小设计成 750 * 1629； 安全区域设计成 750 * 1334 ；功能性按钮程序九宫格适配 补充：如果需要把ipad的适配也统一做了，那么750*1629 需要修改为 1004*1629 并且把Canva 处动态设置为 以高来进行缩放 目前我采用的是 1004 * 1629 其中:Canvas 设置处设置...
UGUI屏幕适配
weixin_44389803的博客
05-13 563
首先定义两个float的变量来接收屏幕的宽和高 higth高 width宽 在最开始的时候获取屏幕的宽和高 screen.height 定义一个RectTranform的对象 gh 再定义一个要适配物体的对象 red 在开始时找到适配物体的RectTranform组件并赋值给gh 使用一个二维向量，设定他的宽和高各站屏幕的几分之几 sizdelta是这个RectTransform的大小相对于...
UGUI-界面适配
TxNet
05-15 2870
对于界面的适配分Android和IOS两种系统处理： 一、iOS设备，这种类型的设备由于数量有限，只要做到 960x640、1024x768、1136x640、1920x1080 几种适配即可，所以我们对这几种屏幕做了不同的界面配置文件。 二、Android设备，屏幕分辨率实在太多种，所以统一设置为1136x640 的缩放比例了。 Unity4.6的UI，提供了三种基本的
Unity中UGUI界面的分辨率适配设置
虚粒世界
06-04 4953
3、比如说下面这个界面，我是按照750 * 1334这个界面效果图分辨率来做的，我还把Canvas和Canvas Scaler这两个组建的设置按照图一的设置那样，下图是在750 * 1334下的效果。可以看出界面的效果和750 * 1334这个分辨率下的效果并没有发生多大的变化。还有就是你所制作的UI界面一定是要挂载在和下图中一样设置的Canvas物体下面，所制作的界面作为Canvas的子物体存在。而且我还把界面中的某些UI素材的大小调整到了固定大小，比如把下图中UI黑色背景素材的宽度调整为704px。
UNITY之UGUI屏幕适配
等一个人的咖啡
09-22 1174
屏幕分辨率:541x278 设计分辨率:800x600 宽比因子：w=800/541 高比因子:   h=600/278 Expand模式: a=w>h?w:h; Shrank模式: a=w>h?h:w; Canvas大小:屏幕分辨率＊a Canvas＊Scale(自身缩放)==>屏幕大小 Expand模式下Canvas大小>设计分辨率＝＝＝>可能会有黑边（Canvas>设计分辨率
Unity UGUI 自适应
最新发布
weixin_44439733的博客
12-01 1766
UGUI自适应
Unity UGUI的适配方法总结
qq_37405874的博客
05-23 503
https://blog.youkuaiyun.com/jbl20078/article/details/77931928
Unity3D UGUI源码学习与解析
Unity3D的UGUI（Unity GUI）源码是Unity引擎中用于构建用户界面的核心系统之一，其开源实现为开发者提供了深入了解UI系统底层机制的绝佳机会。通过分析“Unity3D的UGUI源码.7z”这一压缩包中的内容，尤其是其中名为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值