UGUI学习手记-Graphic

最新推荐文章于 2024-06-28 18:44:17 发布
最新推荐文章于 2024-06-28 18:44:17 发布
阅读量2.3k 收藏 4
点赞数
分类专栏： Unity_UI 文章标签： ui canvas unity UGUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Admin_Jhon/article/details/72820302
版权
本文详细探讨了Unity UGUI系统中的Graphic组件，包括其与UIBehaviour的交互逻辑，SetAllDirty方法的实现，渲染事件处理，以及与其他组件如CanvasRenderer、Image和CrossFadeColor的关系。通过对源码的分析，揭示了Graphic在UI系统中的核心功能和工作原理。
摘要由CSDN通过智能技术生成

关于源码

关于源码可以参考这篇博客下载或调试。

Graphic

简介

  • 继承自UIBehaviour(所有UI组件的基类，负责接收来自UnityEngine或者UnityEditor的事件)

  • 继承 ICanvasElement (负责接收Canvas重新渲染的事件)

  • UGUI的核心组件，负责显示图像

  • 抽象类

  • MaskableGraphic继承自该类，MaskableGraphic 是可遮罩图像(RawImage、Image和Text的基类)的基类。

  • 为MaskableGraphic及其子类提供了公用的可继承的方法

特性

[DisallowMultipleComponent]  
[RequireComponent(typeof(CanvasRenderer))]  
[RequireComponent(typeof(RectTransform))]  
[ExecuteInEditMode]

DisallowMultipleComponent：不允许一个对象有两个相同的组件，即不能有两个可遮罩图像。(eg.Image或者一个RawImage和一个Text)。

RequireComponent：依赖于CanvasRenderer（画布渲染器）和RectTransform（矩形变换）两类组件。

ExecuteInEditMode：在编辑模式执行。

借助UIBehaviour的触发点的逻辑

  • OnEnable : 通过CacheCanvas方法，获取父对象中的Canvas组件。并注册到GraphicRegistry（可以看成Canvas 的渲染管理中心，可以获取指定Canvas所包含的Graphic等信息）。修改s_WhiteTexture（对应属性MainTexture）。最后SetAllDirty（设置Layout、Vertices、Material为Dirty）。

  • OnDisable : 从GraphicRegistry和CanvasUpdateRegistry 两个管理中心中注销，并清理CanvasRenderer，完成后通知LayoutRebuilder重建布局。

  • OnRectTransformDimensionsChange : 当RectTransform维度改变时，将Layout、Vertices设为Dirty。

  • OnBeforeTransformParentCh

最低0.47元/天 解锁文章
Admin_Jhon
关注
专栏目录
unity ugui text 划线
07-06
unity ugui text 划线
unity-ugui-XCharts-master.zip
12-10
为了充分利用XCharts，开发者需要掌握Unity3D的基础知识，了解UGUI系统的工作原理，并学习如何使用C#编程语言进行脚本编写。同时，熟悉XCharts的API文档和示例项目将极大地加速开发过程。 总结来说，Unity3D UGUI ...
UGUI的学习和使用（一）
u013318439的博客
09-29 442
项目名称：涂涂乐 项目简介：在多张背景图上选定一张，在这张背景图上实现绘图板功能，绘图界面大致如下：![CanvasPainter] (http://img.blog.csdn.net/20160929155955015) 如图所示：左下的色板中可以选择画笔颜色，橡皮擦，三种笔和橡皮擦的宽度，右中部大部分是可作画区域 基本功能：三种宽度、二十种颜色的画笔和橡皮擦；图库canvas和画册canvas；
关于UGUI的相关学习
Rainy_Day_的博客
04-19 229
1、层级问题        （1）在Canvas中所有的元素，总是从第一个开始渲染，也就是说最后一个元素的层级是最高的，如果出现UI重叠的情况，总是后面渲染的元素在最高层。        （2）如果要在代码中调节每个元素的层级，可以用代码实现，在SetSiblingIndex中每个元素都有一个编号，是从数字0开始的，层级高的显示在上面。SetAsFirstSibling和SetAsLastSibl...
UGUI学习-一些常用效果的简单实现方法
qq_41958491的博客
11-29 268
文字滚动条效果实现方法 创建一个文本框（注意文本框一定要足够长好让所有文字全部显示，就算使文字Overflow也不行） 给文本框添加一个Image 用于当作遮罩 给文本框的Image添加一个Scroll Rect组件 将需要滚动的文字拖到Content上 如果只想垂直移动就勾选Vertical 水平则勾选Horizontal 给文本框的Image添加一个Mask组件，使得多出文本框的文字隐藏 点击Mask组件下的Show Mask Graphic关闭遮罩的背景
C for Graphic：Ugui Line
羊羊的博客
06-29 416
最近个人项目中有写一个ugui的画线组件，水一篇博客算鸟。 现在正在做一个好玩（个人觉得）的项目是纯二维的，我就直接用的ugui去写的，因为本身我已经四年没怎么做ui了，虽然市面上的gui插件都比ugui好用，组件丰富，功能齐全，但是我也没用过也不太会用。所以就需要什么实现什么算了，下面就来说一下ugui中line的实现方式之一。 我们知道三维引擎中一切渲染皆是几何数据：点线面纹理材质等，ui也一样，都是世界空间中的几何数据。我们知道unity提供的linerenderer和tailrenderer可以在世
Unity UGUI 实现简单两点连线功能
最新发布
2301_79311694的博客
06-28 531
【代码】Unity UGUI 实现简单两点连线功能
Unity UGUI中两点之间连线的通用实现
热门推荐
步云端的博客
12-21 1万+
这里实现两控件之间进行连线，线段使用图片完成，主要是涉及到坐标的转换和图片的缩放 同时也实现了手指和指点ui控件点之间的连线 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class DrawLine : MonoBehav...
Ugui中使用Image完成动态连线
weixin_43271759的博客
04-01 1671
using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; public class test : MonoBehaviour { public Image arrow; //Image...
使用UISprite在NGUI上进行点与点之间的连线
RussellFF的博客
03-15 1074
因为是要在NGUI上做一个随机实例化数个点，然后划过点（星星）之后，对点进行连线，所以使用了UIEventListener.Get(starGo).onHover = DrawLine; 此处只记录实例化线的部分 下面贴上比较主要的代码 void DrawLine(GameObject go, bool isOver) { if (isOver) {
Unity NGUI制作的连线方法
09-02
这个Demo是随机出2个点，并在2个点中间连一条由UISprite拼接而成的虚线，多用于副本界面
UGUI 绘制自定义折线图
叫我上上的博客
08-02 1450
使用 挂载LineChart.cs 点击autoCreate按钮，会创建子节点，可以在子节点上挂载自定义控件 实现LineChart.csusing System.Collections; using System.Collections.Generic; using UnityEngine;namespace ViVi.UIExtensions { [ExecuteInEditMode]
UGUI源码解析——MaskableGraphic
L的博客
07-21 1683
MaskableGraphic继承自Graphic类，IClippable、IMaskable、IMaterialModifier接口，继承自Graphic类表示它负责图像的显示与更新 Image、RawImage、Text都继承自MaskableGraphic类 MaskableGraphic继承自Graphic类，IClippable、IMaskable、IMaterialModifier接口，继承自Graphic类表示它负责图像的显示与更新 Image、RawImage、Text都继承自Maskabl
UGUI Graphic之一（Graphic）
ttod的博客
12-15 108
UGUI Graphic之一（Graphic）
Unity优化之UI篇(UGUI)
w739116149的博客
02-10 1604
Unity优化之UGUI
UGUI源码解析——ICanvasElement
L的博客
06-14 964
每个UGUI的组件都继承自ICanvasElement接口 ——Rebuild：重构方法，需要在继承类中实现，Graphic和LayoutRebuilder继承了此接口 UGUI源码解析——Graphic UGUI源码解析——LayoutRebuilder ——transform：所有UGUI组件都继承自UIBehaviour类，UIBehaviour继承自MonoBehaviour，MonoBehaviour继承自Component，而Component类实现了transform属性，所以可以不用再实现t
动态代理同一个类中方法相互调用特点
底层码农
09-28 1193
动态代理一个方法调用同一个类的另一个方法
UGUI源码解析——Graphic
L的博客
04-20 3323
一：前言 Graphic是UGUI的核心组件，负责显示图像，是MaskableGraphic的基类，而MaskableGraphic是Text、RawImage、Image的基类 二：源码解析 Graphic继承自UIBehaviour和ICanvasElement，UIBehaviour是所有UGUI组件的最基类，负责接收来自UnityEngine或者UnityEditor的事件，ICanvasElement负责接收Canvas重新渲染的事件：UGUI源码解析——CanvasUpdateRegist
UGUI源码解析（二十一）LayoutRebuilder
qq826364410的专栏
03-06 2765
LayoutRebuilder Graphic是通过MarkLayoutForRebuild这个静态方法标记自己需要重建的。 MarkLayoutForRebuild方法 找到父对象中最近的ILayoutGroup类型的组件layoutRoot，并为其创建LayoutRebuilder。 从s_Rebuilders栈中Pop出一个LayoutRebuilder，s_Rebuilders是一...
ugui sci-fi
06-28
### 回答1： UGUI是指“User Graphic User Interface”，可以翻译为用户图形界面。它是一种用户与计算机进行交互的方式，通常以图标、按钮、菜单等可视化元素的形式展现给用户。UGUI可以让用户通过简单直观的操作完成复杂的任务，提高了用户对计算机的使用体验。 Sci-Fi是指“Science Fiction”的缩写，可以翻译为科幻。科幻是一种虚构文学和电影类型，通过科学以及科技的发展为基础，探讨未来世界的可能性。科幻作品中会出现各种前所未有的科技设备、想象力丰富的场景和故事情节，旨在激发人们对未来和科学的好奇心。 UGUI与Sci-Fi可以结合在一起，形成创新的应用。比如在虚拟现实和增强现实领域中，UGUI可以为用户提供直观的操作界面，让用户更加方便地体验科幻故事中的虚拟环境。同时，UGUI的发展也可以受到科幻作品的启发，将更多的创新科技融入到用户界面设计中，提供更加便捷、智能的交互方式。 总之，UGUI和Sci-Fi的结合展现出了前所未有的潜力。它们的共同点是都关注和探索人与科技的互动方式，为我们的生活和工作带来了很多创新的可能。通过不断的研究和创新，我们可以期待在未来看到更多的UGUI sci-fi应用的出现，为人们带来更加便捷、智能、令人惊叹的体验。 ### 回答2： UGUI是什么？UGUI（Unity GUI）是一种用于游戏开发的图像用户界面（GUI）系统。它是Unity引擎的一部分，提供了一系列用于创建游戏界面的工具和组件。 科幻（Sci-Fi）是指科学幻想的缩写，是一种虚构的文学和电影风格，主要关注科学技术的发展和未来社会的设想。 UGUI Sci-Fi是将这两个元素融合在一起。在游戏开发中，UGUI可用于创建科幻题材的界面，为游戏增添视觉效果和交互体验。使用UGUI可以自定义各种科幻元素，例如虚拟屏幕、炫酷的按钮、分析仪表盘等，使游戏界面更具科幻风格。 UGUI Sci-Fi的应用不仅仅局限于游戏开发。随着虚拟现实（VR）和增强现实（AR）技术的发展，越来越多的人开始使用UGUI Sci-Fi来创建虚拟界面和用户交互体验。这些界面可以用于虚拟现实游戏、科幻主题的交互式体验以及其他科技展示和演示。 UGUI Sci-Fi的潜力是巨大的。它提供了一个创造性的平台，使得开发者能够通过虚构的科幻元素来打造独特的用户界面和用户体验。无论是在游戏开发还是其他领域，UGUI Sci-Fi都可以为用户带来沉浸式、刺激性和独特的视觉效果，让人们更好地体验科幻世界的魅力。 ### 回答3： UGUI是什么？UGUI是Unity游戏开发引擎中的一种图形用户界面系统，可用于创建游戏中的界面元素。 Sci-fi是什么？Sci-fi是科幻的缩写，指的是科幻小说、电影、游戏等作品的内容和风格。 结合起来，UGUI Sci-fi就是利用UGUI系统来创建科幻风格的游戏界面元素的意思。 在开发游戏时，选择适合游戏风格的界面元素对于营造游戏氛围和玩家体验非常重要。科幻题材的游戏通常具有未来感和高科技的特点，因此在界面设计上需要展现出这种风格。UGUI系统提供了丰富的功能和灵活的设计工具，使得开发者可以轻松创建出符合科幻风格的游戏界面。 使用UGUI Sci-fi可以在游戏中展现出虚拟的科技感，例如使用高科技设计的按钮、界面元素带有流光效果、炫酷的过渡动画等。这些元素可以为玩家创造出一个令人身临其境的科幻世界，增强游戏的视觉吸引力和沉浸感。 总而言之，UGUI Sci-fi是一种利用UGUI系统来创建科幻风格游戏界面元素的方法，通过精心设计的界面元素可以提升游戏的视觉效果，为玩家带来更好的游戏体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值