NGUI基础-三大基础组件之Panel组件

news2025/1/21 9:43:06

目录

Panel组件

Panel的作用:

注意:

相关关键参数讲解:

Alpha(透明度值):

Depth(深度):

Clippinng(裁剪):

​编辑

None

Texture Mask 

Soft Clip:

Constrain But Dont Clip:

Sorting Layer(排序层):


Panel组件

Panel组件是一个容器,用于存放其他UI元素,如按钮、文本、图像等。它类似于一个画布或容器,用于组织和管理UI元素的显示和交互。

Panel的作用:

1.负责管理UI面板上的渲染顺序。

2.管理UI面板上所有的子控件:之所以UI控件能够被看到,都是因为Panel的存在。你可以尝试取消勾选Panel,看看子控件会发生什么。

注意:

1.Panel是面板根对象必须要挂载的一个脚本。

2.可以有多个Panel,一般是一个Panel管理一个面板。

相关关键参数讲解:

Alpha(透明度值):

通过调整Alpha值,可以实现子控件的渐变透明效果或完全隐藏子控件。

Alpha值通常在0到1之间取值,其中0表示完全透明,即不可见;1表示完全不透明,即完全可见。中间的数值表示不同程度的半透明效果。

Depth(深度):

Depth(深度)通常用来指定UI元素的层级关系,表示元素在屏幕上的叠放顺序,可以用来控制面板及其包含的UI元素在屏幕上的显示顺序也就是决定谁能挡住谁

一般来说,深度值越大的元素会被显示在屏幕最前方,而深度值越小的元素则会被显示在后方。

层级高的后渲染,会把层级低的先渲染的给挡住

通过合理设置面板及UI元素的深度值,开发者可以实现复杂的UI布局和叠加效果,确保不同的UI元素在屏幕上的正确显示顺序。

注意:不同Panel的层级必须是不一样的!

Clippinng(裁剪):

Clipping(裁剪)指的是限制面板内容在指定区域内可见的过程。通过设置裁剪区域,可以确保面板内容只在指定区域内显示,超出区域的部分将被隐藏或裁剪掉。

None

不会进行裁剪

Texture Mask 

比如我们在这里选择一张圆形,它就会按照圆形进行裁剪。

你还可以通过Center这些参数去拖动调整它。

Soft Clip:

自定义范围裁剪。可以自己试试。

Constrain But Dont Clip:

"Constrain But Don't Clip"(约束但不裁剪),大小和位置仍由边界框定义,但内容可以在边界框之外延伸。但我们一般很少用。

Sorting Layer(排序层):

在游戏开发中,Panel面板的Sorting Layer(排序层)是用来控制2D/3D元素渲染顺序的一种机制。在Unity等游戏引擎中,Sorting Layer通常应用于2D UI元素的渲染顺序管理。

在哪加排序层?Layer→Add Layer

加一个Layer1,命名为Test

然后就能在Sorting Layer里看到Test这个新加的排序层。

如果大家还有什么问题疑惑可以打在评论区,我会一一回复~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1347788.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

八. 实战:CUDA-BEVFusion部署分析-环境搭建

目录 前言0. 简述1. CUDA-BEVFusion浅析2. CUDA-BEVFusion环境配置2.1 简述2.2 源码下载2.3 模型数据下载2.4 基础软件安装2.5 protobuf安装2.5.1 apt 方式安装2.5.2 源码方式安装 2.6 编译运行2.6.1 配置 environment.sh2.6.2 利用TensorRT构建模型2.6.3 编译运行程序 2.7 拓展…

Baumer工业相机堡盟工业相机如何通过NEOAPI SDK设置相机的图像剪切(ROI)功能(C++)

Baumer工业相机堡盟工业相机如何通过NEOAPI SDK设置相机的图像剪切(ROI)功能(C) Baumer工业相机Baumer工业相机的图像剪切(ROI)功能的技术背景CameraExplorer如何使用图像剪切(ROI)功…

分库分表之Mycat应用学习五

5 Mycat 离线扩缩容 当我们规划了数据分片,而数据已经超过了单个节点的存储上线,或者需要下线节 点的时候,就需要对数据重新分片。 5.1 Mycat 自带的工具 5.1.1 准备工作 1、mycat 所在环境安装 mysql 客户端程序。 2、mycat 的 lib 目录…

汇川PLC(H5U):定时器指令

一、H5U系列的定时器种类 H5U系列PLC的定时器指令都封装成指令块了,共4种类型:脉冲定时器、接通延时定时器、关断延时定时器、时间累加定时器。 H5U系列PLC的定时器时间基准是1ms,在IN引脚的执行指令有效的时候开始跟新计数器的值。 我们知…

以太网转RS485通讯类库封装

最近选用有人科技的以太网转RS485模块做项目,设备真漂亮,国货之光。调通了通讯的代码,发到网上供大家参考,多多交流。 以下分别是配套的头文件与源文件: /*******************************************************…

Git 常用命令知识笔记

Git 仓库数据结构 Git 仓库由一个个的 commit 组成某些 commit 上会有一些 branch 指向它们,这些 branch 的本质是引用有一个特殊的引用叫做 HEAD,它始终指向当前的位置,这个位置可以是 commit,也可以是 branch staging area 暂存…

LTPI协议的理解——1、LTPI协议的定义和结构

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 LTPI协议的理解——1、LTPI协议的定义和结构 定义DC-SCM 2.0 LTPI 结构GPIO通道I2C/SMBus通道Uart通道OEM通道数据通道 总结 定义 LTPI (LVDS Tunneling Protocol & Int…

easyexcel 导出

在使用EasyExcel库进行数据写入时,通常我们会使用实体类来存储数据。但是当遇到动态查询,无法确定属性数量和名称时,就需要使用Map来接收数据。然而,直接将Map中的数据写入Excel表格并不是一件简单的事情。接下来,我将…

计算机操作系统(OS)——P3内存管理

1、内存的基础知识 学习目标: 什么是内存?有何作用? 内存可存放数据。程序执行前__需要先放内存中才能被CPU处理__——缓和CPU与硬盘之间的速度矛盾。 【思考】在多道程序程序下,系统会有多个进程并发执行,也就是说…

PyTorch常用工具(2)预训练模型

文章目录 前言2 预训练模型 前言 在训练神经网络的过程中需要用到很多的工具,最重要的是数据处理、可视化和GPU加速。本章主要介绍PyTorch在这些方面常用的工具模块,合理使用这些工具可以极大地提高编程效率。 由于内容较多,本文分成了五篇…

Centos8之更换DNF源

一、DNF包管理器简介 DNF(Dandified Yum)是一个用于Fedora、CentOS和RHEL等Linux发行版的包管理器。它是Yum(Yellowdog Updater, Modified)的下一代版本,旨在提供更快、更可靠的软件包管理体验。以下是一些DNF包管理器…

【YOLO系列】yolo V1 ,V3,V5,V8 解释

文章目录 yolo V1 模型结构图通道数 的 物理意义是什么?输出 7730 怎么理解?YOLO v1 损失函数LOSS yolo V3yolo V5yolo V8 视频来源:https://www.bilibili.com/video/BV13K411t7Zs/ AI视频小助理 一、YOLO系列的目标检测算法,其中…

文章解读与仿真程序复现思路——中国电机工程学报EI\CSCD\北大核心《兼顾捕碳强度与可再生能源消纳的储能容量配置优化方法》

本专栏栏目提供文章与程序复现思路,具体已有的论文与论文源程序可翻阅本博主的专栏栏目《论文与完整程序》 这个标题涉及到两个主要方面:捕碳强度和可再生能源的消纳,以及与之相关的储能容量配置的优化方法。下面我会逐一解读这两个方面&…

ES6之生成器(Generator)

✨ 专栏介绍 在现代Web开发中,JavaScript已经成为了不可或缺的一部分。它不仅可以为网页增加交互性和动态性,还可以在后端开发中使用Node.js构建高效的服务器端应用程序。作为一种灵活且易学的脚本语言,JavaScript具有广泛的应用场景&#x…

OpenCV-11颜色通道的分离与合并

本次我们使用两个比较重要的API split(mat)将图像的通道进行分割。 merge((ch1,ch2,ch3))将多个通道进行融合。 示例代码如下: import cv2 import numpy as npimg np.zeros((480, 640, 3),…

HTML使用JavaScript的三种方式

要使用 JavaScript&#xff0c;你可以在 HTML 文件中的 <script> 标签中编写代码&#xff0c;或者将代码保存到一个单独的 .js 文件中并在 HTML 文件中引入。以下是一些常用的 JavaScript 使用方式&#xff1a; 内联 JavaScript&#xff1a;在 HTML 文件的 <script&g…

CodeWave赋能创新的全功能技术平台

目录 前言1 应用中心2 资产中心&#xff1a;汇聚创新能量&#xff0c;提供开发加速3 集成中心3.1 API管理3.2 报表管理 4 运维中心4.1 资源监控4.2 用户管理4.3 权限管理4.4 日志与监控 5 配置中心5.1 源码配置5.2 镜像仓库配置5.3 数据库配置5.4 报表配置5.5 资产配置5.6 品牌…

【小沐学NLP】Python实现K-Means聚类算法(nltk、sklearn)

文章目录 1、简介1.1 机器学习1.2 K 均值聚类1.2.1 聚类定义1.2.2 K-Means定义1.2.3 K-Means优缺点1.2.4 K-Means算法步骤 2、测试2.1 K-Means&#xff08;Python&#xff09;2.2 K-Means&#xff08;Sklearn&#xff09;2.2.1 例子1&#xff1a;数组分类2.2.2 例子2&#xff1…

有道翻译web端 爬虫, js

以下内容写于2023-12-28, 原链接为:https://fanyi.youdao.com/index.html#/ 1 在输入框内输入hello world进行翻译,通过检查发出的网络请求可以看到翻译文字的http接口应该是: 2 复制下链接最后的路径,去js文件中搜索下: 可以看到这里是定义了一个函数B来做文字的翻译接口函数…

IDEA JAVA Spring Boot运行Hello World(1.8)

参考资料&#xff1a; Spring Boot运行Hello World - 知乎https://blog.csdn.net/weixin_44005516/article/details/108293228(解决bug)SpringBoot入门第一章&#xff1a;Hello World-java教程-PHP中文网 (仅参考如何运行程序)java 8安装教程 java 8安装教程_java8安装-CSDN博…