【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

这篇具有很好参考价值的文章主要介绍了【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


👨‍💻个人主页:@元宇宙-秩沅

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 秩沅 原创

👨‍💻 收录于专栏unity常用API
【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


⭐UGUI专题篇⭐



🎶前言



🎶(A)UGUI的六大组件图示


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)
【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


🎶(B)1.Canvas-画布组件


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)
【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


👽 ScreenSpace —overlay(覆盖模式)

  • UI组件一直显示在屏幕前,覆盖所有
    【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

对应图示:

【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


👽 ScreenSpace—Camera 摄像机模式

  • 摄像机不为主相机
  • 主摄像机比UI摄像机的层级要低
  • 使得3D物体可出现在面板前的步骤
    【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

参数对应图示

【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)
【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


👽 World Space —AR VR

【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)
【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


🎶(C)2.CanvasScaler—画布缩放控制器


👽 前言——了解参数


  • 屏幕分辨率计算公式 = 画布尺寸 * 缩放系数

【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

  • 像素单位转存储单位尺寸 x 16 位 / 8字节 /1024 = ? kb

Cnvasscaler——画布缩放控制器
【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


👽 三种适配模式


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


👽 Constant Pixel Size(恒定像素模式)


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


👽Scale with screen Size(缩放模式)


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


👽 Constant Physical Size(恒定物理模式)


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

单位种类 1英寸
centimeter(厘米) 2.54cm =1 In
Millimeter(毫米) 25.4mm = 1 In
Points(点) 72P = 1 In
Picas(皮卡) 6 皮卡 = 1In
Inches(英寸) 1

👽 3D特殊模式


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

🎶(D)3.Graphic Raycaster—图形射线投射器


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


🎶(E)4.EventSystem组件—UI事件的检查官


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


🎶(F)5.Standalone Input Module—独立输出模块


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)


🎶(G)6.RectTransform—矩阵变换


【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

  • 矩阵九宫格

单点是一键操作锚点的位置,shift+点击是连带操作轴心点的位置
【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

  • 锚点的重合和成矩阵的区别

重合时,子对象不会随着父对象变化而变化

【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

变矩阵时会随着父对象的大小变化而变化

【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

  • 代码调用对应参数

(this.transform as Rectionsform).xx


🎶(水)


⭐相关文章⭐

⭐【2023unity游戏制作-mango的冒险】-4.场景二的镜头和法球特效跟随

⭐【2023unity游戏制作-mango的冒险】-3.基础动作和动画API实现

⭐【2023unity游戏制作-mango的冒险】-2.始画面API制作

⭐【2023unity游戏制作-mango的冒险】-1.场景搭建

⭐“狂飙”游戏制作—游戏分类图鉴(网易游学)

⭐本站最全-unity常用API大全(万字详解),不信你不收藏



你们的点赞👍 收藏⭐ 留言📝 关注✅是我持续创作,输出优质内容的最大动力!文章来源地址https://www.toymoban.com/news/detail-410535.html

到了这里,关于【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【UGUI】学会Unity中UGUI中UI元素自适应问题

    彻底学会Unity中UGUI中UI元素自适应问题 官方介绍:设计用于多种分辨率的 UI - Unity 手册 所所谓自适应就是画面元素跟随屏幕分辨率的改变而保持相对位置或者自身像素同步改变! 屏幕分辨率自适应:依靠画布缩放器组件完成 相对位置:依靠锚点位置完成,锚点主要负责保持

    2024年02月04日
    浏览(36)
  • Unity优化之UI篇(UGUI)

            在Unity中UI优化的核心问题就是重绘和批处理之间的平衡。虽然说可以通过一些简单的技巧单方面地减少批次或者减少重绘,但进行过一波优化之后,最终还是要面临批次和重绘的平衡问题。         Canvas是UGUI的基本组件,它生成表示放置在其上的 UI 元素的网

    2024年02月04日
    浏览(47)
  • Unity--UGUI创建基本的UI

    随着UI系统的引入,已添加了新组件,这些组件将有助于创建特定于GUI的功能。其中一些元素包括文本,图像,按钮等。在本教程中,您将学习创建和使用基本UI。 通过Unity的用户界面(UI)系统,可以控制诸如:文本,图像,按钮和其他用户控件之类的元素,这些元素将为用

    2024年04月12日
    浏览(54)
  • unity UGUI系统梳理 -交互组件

    unity 中的交互组件可用于处理交互,例如鼠标或触摸事件以及使用键盘或控制器进行的交互 Button详解 Background:背景图片,控制toggle组件的背景颜色改变,从而展示此物体是否被选中的效果; Checkmark:就是我们界面看到的对号勾选框,对号图片可以替换,也可以删除不用。

    2024年02月17日
    浏览(37)
  • Unity UGUI1——基础组件概述

    ​ UGUI 是 Unity 引擎内自带的 UI 系统,官方称之为:Unity UI ​ 是目前 Unity 商业游戏开发中使用最广泛的 UI 系统开发解决方案 ​ 它是基于 Unity 游戏对象的 UI 系统,只能用来做游戏 UI 功能 ​ 不能用于开发 Unity 编辑器中内置的用户界面 ​ Unity 最初版本 ~ Unity4.6 版本: ​

    2024年02月10日
    浏览(40)
  • Unity UGUI事件输入,点击UI无反应

    之前被一个特别低级的UI点击问题卡了好久,记录一下,避免之后再犯同样的错误。 UI事件输入未接受到的原因无非就几个,一一排查总能找到原因。 1、若是直接使用的unity组件中的按钮,但是点击按钮没有反应。         1)查找是否被其他UI遮挡         2)查找是否接收

    2024年04月13日
    浏览(47)
  • 【Unity每日一记】模仿FPS射击,用弹痕作画的原理如此简单

    👨‍💻个人主页 :@元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏 : unity每日一记 ⭐【软件设计师高频考点暴击】 在csgo中我们可以看到有很多玩家喜欢用弹道来画画,那么其实本质上呢开枪这个行为并没

    2024年02月10日
    浏览(43)
  • 【Unity】Gif图片播放插件(支持UI及模型纹理渲染两种模式)

    unity本身不支持GIF格式文件直接渲染, 因此一般的做法是通过加载图片,通过代码控制其循环播放、停止等,模拟动画效果,本文简单介绍一下某个现有开源工具,感谢开源作者。 1、unity3d Gif图片播放插件 支持移动设备 不需要System.Drawing 2、UnityShowGifDemo 打开项目demo关卡,直

    2024年02月17日
    浏览(59)
  • Unity UGUI的所有组件的介绍及使用

    本文将介绍Unity UGUI中的各个组件,包括它们的具体介绍、用途 介绍:Text组件用于在UI界面上显示文本内容。 用途:常用于显示UI界面的标题、按钮标签、提示信息等。 介绍:Image组件用于在UI界面上显示图片。 用途:常用于显示角色头像、道具图标、背景图片等。 介绍:

    2024年02月12日
    浏览(66)
  • Unity利用UGUI RawImage组件制作转场动画

    最近接到了一个unity全景图的小项目,由于在不同的场景之间转场时直接转会太过生硬,因此要求有个Alpha转场的动画。于是想到两种可行的方案: 一、UGUI方案 用UGUI显示当前屏幕纹理,然后进行场景切换,切换好之后,在把UGUI隐掉。这种方案适合任何场景的切换。 先看效果

    2024年02月05日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包