Unity3d UGUI 界面适配 实例解析 三种适配方式

最新推荐文章于 2024-07-24 14:19:25 发布
最新推荐文章于 2024-07-24 14:19:25 发布
阅读量1.2k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43667944/article/details/86661028
版权
本文介绍了Unity3d中UGUI界面适配的三种方式，包括对Android和iOS设备的处理。在Unity4.6中，Canvas Scaler提供了Reference Resolution和Screen match Mode选项，用于实现不同屏幕尺寸的游戏界面适配。作者还分享了其人工智能教程，风格独特。
摘要由CSDN通过智能技术生成
               

之前做游戏都是用公司自己的引擎，对于界面的适配分Android和IOS两种系统处理。

对于IOS设备，由于数量有限，只要做到 960x640  1024x769 1136x640 (当时还没有iphone6呢) 三种适配即可，所以我们对这三种屏幕做了三种不同的界面配置文件。

对于安卓设备，屏幕分辨率实在太多种，所以统一设置为1136x640的缩放比例了。


现在使用Unity制作游戏，虽然仍然可以使用原来的这一套方案，但是却显得没有这个必要了。


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

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



Canvas Scaler就是用来做适配的

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

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

Shrink 保持缩放比例，裁切Expand 缩放不裁切Match Width Screen Size如果是Match Width 那么就是适配宽度，把宽度设置为屏幕宽度，然后保持比例如果Match height，那么适配高度，首先把高度设置为屏幕高度，然后保持比例


           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow

这个有点吓人
关注
【Unity3D-UGUI应用篇】（三）使用UGUI实现层级菜单
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
09-06 4809
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 前段时间分享了UGUI的每个组件的属性和使用方法，比如Text、Button、Image、Toggle、InputField、ScrollView等等。 接着分享了UGUI的一些原理，比如说UGUI的渲染模式、UGUI的缩放计算、UGUI的描点定位、UGUI的自动布局等等。.
【Unity3D-UGUI应用篇】（四）使用UGUI弹窗显示模型及弹窗模型交互
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
09-06 6447
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 前段时间分享了UGUI的每个组件的属性和使用方法，比如Text、Button、Image、Toggle、InputField、ScrollView等等。 接着分享了UGUI的一些原理，比如说UGUI的渲染模式、UGUI的缩放计算、UGUI的描点定位、UGUI的自动布局等等。.
unity3d UGUI官方案例
10-30
unity3d UGUI官方案例,unity3d UGUI官方案例,unity3d UGUI官方案例
Unity界面的适配
wk201403010114的博客
11-26 195
public GameObject BigObj; private int Height; private void OnEnable() { Height = 750； if (Height != Screen.height) { float number = (float)Screen.height / ...
Unity手游开发横屏或竖屏或屏幕翻转设置
最新发布
weixin_42069404的博客
07-24 1565
在Unity手游开发中，让横屏游戏在手机竖屏时不旋转屏幕，可以通过设置Player Settings中的屏幕方向（Screen Orientation）来实现。
UGUI适配方案
weixin_38839262的博客
02-25 206
常规的适配做法采用根节点挂一个Canvas Scaler，如下 简单粗暴，等比缩放，优点是适配简单、问题少、对制作人员的要求比较低，缺点是因为是等比缩放，四周的留白比较多，而且各个元素缩小，很影响美术的最终呈现，那么如何做到下图样式的效果呢 在同目录下绑定如下脚本 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class AutoCa
【Unity3D】Unity3D UGUI屏幕自适应(多分配率适配)
Zyt
08-11 575
UGUI屏幕自适应(多分配率适配) 1、Canvas的属性配置 2、Canvas Scaler的属性配置 3、根据不同的屏幕的比例动态修改缩放基准 void Start () { float standard_width = 960f; //初始宽度 float standard_height = 640f; //初始高度 float device_width = 0f; .
Unity中的UGUI屏幕适配
木头圈
09-26 6326
本文分享Unity中的UGUI屏幕适配 屏幕适配一直是一个老生常谈的问题, 虽然只是项目一开始的时候会用到, 但是还是有很多东西需要学习和了解, 今天给大家分享下一些个人的学习和总结. 各种坐标 屏幕适配有很多重要的概念, 坐标总是一个难以绕过的话题. 与适配相关的坐标有, 局部坐标, 世界坐标, 屏幕坐标. 下面我们一一道来. 本地坐标(LocalPosition) 父节点模型空间: 以父节点的轴心点为原点, 横纵坐标分别位于长和宽上, 构建父节点的模型空间. 本地坐标也被称为局部坐标, 就是节点的轴心点
【Unity3D-UGUI应用篇】（八）Image实现画线、画三角形、画正方形、画圆
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
09-06 5007
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 前段时间分享了UGUI的每个组件的属性和使用方法，比如Text、Button、Image、Toggle、InputField、ScrollView等等。 接着分享了UGUI的一些原理，比如说UGUI的渲染模式、UGUI的缩放计算、UGUI的描点定位、UGUI的自动布局等等。.
【Unity3D-UGUI应用篇】（六）屏幕自适应(多分配率适配)
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
09-06 2749
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 前段时间分享了UGUI的每个组件的属性和使用方法，比如Text、Button、Image、Toggle、InputField、ScrollView等等。 接着分享了UGUI的一些原理，比如说UGUI的渲染模式、UGUI的缩放计算、UGUI的描点定位、UGUI的自动布局等等。.
Unity3d UGUI 官方示例
06-15
Unity3d UGUI 官方示例 包换UGUI各个控件的用法的示例
Unity UGUI 官方示例 Demo
05-16
UnityUGUI的官方Demo 有拖拽，3DUI，拖块，布局，Tab页制作 大部分UI的使用在示例中都有对应。优质资源 可导入运行 18.5.16更新
UGUI实例合集
02-14
使用UGUI的入门实例合集，可实现大部分界面需求的制作
UGUI Unity5.1 UI从小到大全案例教程
10-09
UGUI Unity5.1 UI从小到大全案例教程（1）和 UGUI Unity5.1 UI从小到大全案例教程（2）一起下载
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 UI适配（一）
⎝⏠⏝⏠⎠
08-22 4217
最近想换工作，在准备面试，突然想起了三年前一个没有答上来的问题，就是Unity的UI有几种适配模式，都是什么意思。当时支支吾吾半天没讲出来，今天必须搞懂它。
Unity UGUI的适配方法总结
qq_37405874的博客
05-23 441
https://blog.csdn.net/jbl20078/article/details/77931928
Unity插件学习（四） ------ 内嵌网页UniWebView
千喜
10-24 3724
一.Unity加载网页实现方式 UnityWebCore：只支持Windows平台，调用浏览器内核，将网页渲染到mesh，作为gameObject。 Unity-Webview：只适用于Andriod和ios平台，调用移动平台的Webview。 参考链接：http://www.xuanyusong.com/archives/1418 UniWebView插件 ： 适用于Andriod、ios和M...
Unity3D uGUI事件系统详解：实现与应用实例
本文档详细介绍了Unity3D中uGUI事件系统的概念、类型以及三种主要的使用方法。uGUI系统在Unity3D中负责处理用户界面元素的交互，它将可能触发的事件划分为12种类型，对应EventTriggerType枚举的值，包括PointerClick...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值