当前位置：首页 > news >正文

unity学习53：UI的子容器：面板panel

news 2026/2/9 22:20:59

1 UI的最底层容器：canvas

1.1 UI的最底层容器：canvas

1.2 UI的合理结构

2 UI的子容器：面板panel

2.1 创建panel

2.2 面板的本质： image ，就是一个透明的图片，1个空容器

3 面板的属性

4 面板的使用

4.1 比如左上角加1个panel

4.2 然后其他 image都放在这个panel里

4.3 查看效果

4.4 测试缩放

1 UI的最底层容器：canvas

1.1 UI的最底层容器：canvas

UI的父物体最底层就是canvas
可以多张canvas

1.2 UI的合理结构

canvas-----panel1 -----各种控件

----panel2-----各种控件

。。。。。

2 UI的子容器：面板panel

2.1 创建panel

面板panel: UI的子容器
更方便做某个子区域，小范围的，协同适配！

2.2 面板的本质： image ，就是一个透明的图片，1个空容器

可以看到面板下挂的就是一个 image的component
并且，可以把image 给灰掉

3 面板的属性

4 面板的使用

4.1 比如左上角加1个panel

比如左上角加1个panel
把panel的锚点，挂在父物体（canvas）的左上角

4.2 然后其他 image都放在这个panel里

然后其他 image都放在这个panel里
这些image都属于这个panel了，是panel的子物体
这样就只需要关心，父物体panel的适配了。不要单独调整每个图片的适配了

4.3 查看效果

虽然可以直接拖动图片过去，不设置父子物体效果，但是缩放时，效果不完全一样

4.4 测试缩放

下面是把游戏game窗口放大，缩小，UI适配很好

unity学习53：UI的子容器：面板panel

目录 1 UI的最底层容器：canvas 1.1 UI的最底层容器：canvas 1.2 UI的合理结构 2 UI的子容器：面板panel 2.1 创建panel 2.2 面板的本质： image ，就是一个透明的图片，1个空容器 3 面板的属性 4 面板的…...

编程日记 2025/2/26 14:14:17

水环境水质在线监测系统解决方案

在当今社会，水资源作为人类生存和发展的基础性资源，其质量的优劣直接关系到生态平衡、人类健康以及社会经济的可持续发展。然而，随着工业化、城市化的快速推进，各类污染物不断排入水体，导致水环境面临严峻挑战。水环境…...

编程日记 2025/2/26 14:13:16

HBuilder X中，uni-app、js的延时操作及定时器

完整源码下载 https://download.csdn.net/download/luckyext/90430165 在HBuilder X中，uni-app、js的延时操作及定时器可以用setTimeout和setInterval这两个函数来实现。 1.setTimeout函数用于在指定的毫秒数后执行一次函数。例如， 2秒后弹出一个提…...

编程日记 2025/2/26 14:11:13

BigDecimal线上异常解决方案：避免科学计数法输出的坑

文章目录问题背景为什么BigDecimal会输出科学计数法？线上异常场景场景1：数据传递异常场景2：日志记录异常场景3：数据存储异常解决方案1. 使用toPlainString()方法2. 设置格式化输出3. 自定义工具类代码示例总结在Java开发中&am…...

编程日记 2025/2/26 14:04:04

【C语言】指针笔试题

前言：上期我们介绍了sizeof与strlen的辨析以及sizeof，strlen相关的一些笔试题，这期我们主要来讲指针运算相关的一些笔试题，以此来巩固我们之前所学的指针运算！ 文章目录一，指针笔试题1，题目一…...

编程日记 2025/2/26 14:03:03

深入理解Redis：数据类型、事务机制及其应用场景

在当今快速发展的技术领域中，Redis作为一种高性能的内存数据库，已经被广泛应用于各种场景，从简单的缓存实现到复杂的数据处理任务。其灵活性和高效性主要来源于对多种数据结构的支持以及强大的功能特性，如事务处理、持久化选项、高…...

编程日记 2025/2/26 13:57:58

RGMII（Reduced Gigabit Media Independent Interface）详解

一、RGMII的定义与作用 RGMII（精简版千兆介质无关接口）是一种用于千兆以太网（1Gbps）的高效接口标准，旨在减少传统GMII接口的引脚数量，同时保持相同的传输速率。其核心作用包括： 减少引脚数量&a…...

编程日记 2025/2/26 13:56:57

学习目标：完成第一个Flask应用 # app.py from flask import Flask app Flask(__name__)app.route(/) def home():return <h1>Hello Flask!</h1>app.route(/api/greet/<name>) def greet(name):return {message: fHello {name}!}if __name__ __…...

编程日记 2025/2/26 13:55:56

XTOM工业级蓝光三维扫描仪在笔记本电脑背板模具全尺寸检测中的高效精准应用

——某3C精密制造企业模具优化与质量管控案例镁合金具有密度小、强度高、耐腐蚀性好等优点，成为笔记本电脑外壳主流材料。冲压模具作为批量生产笔记本电脑镁合金背板的核心工具，其精度直接决定了产品的尺寸一致性、结构可靠性与外观品质。微米级模具误…...

编程日记 2025/2/26 13:54:54

网络安全机器学习算法计算机网络安全机制

（一）网络操作系统安全网络操作系统安全是整个网络系统安全的基础。操作系统安全机制主要包括访问控制和隔离控制。访问控制系统一般包括主体、客体和安全访问政策访问控制类型： 自主访问控制强制访问控制访问控制措施： 入…...

编程日记 2025/2/26 13:53:53

分享些常用的工具类

一、照片 1、Unsplash：https://unsplash.com/ 2、pixabay：https://pixabay.com/zh/ 二、壁纸 1、Wallpaper Engine 2、wallhaven：https://wallhaven.cc/ 3、极简壁纸：https://bz.zzzmh.cn/ 三、AI语音 1、微软Azure项目&…...

编程日记 2025/2/26 13:52:51

VUE四：Vue-cli

什么是Vue-cli vue-cli是官方提供的一个脚手架,用于快速生成一个vue的项目模板; 预先定义好的目录结构及基础代码，就好比咱们在创建 Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架,我们的开发更加的快速; 什么是web pack 本质上&#…...

编程日记 2025/2/26 13:50:48

以下是自定义针对 Vite + TypeScript 项目的完整路径别名配置流程：

以下是针对 Vite TypeScript 项目的完整路径别名配置流程： 1. 安装必要依赖 bash npm install -D types/node 2. 配置 vite.config.ts typescript // vite.config.ts import { defineConfig } from vite import vue from vitejs/plugin-vue import path from pat…...

编程日记 2025/2/26 13:46:43

LangGraph系列教程：基于状态构建上下文感知的AI系统

本文深入探讨LangGraph中的“状态”概念及其在AI工作流中的核心作用。通过基础状态（如计数器）和复杂状态（含消息历史）的定义，结合代码示例，演示如何通过函数式编程实现状态的不可变修改。然后进一步解析了如…...

编程日记 2025/2/26 13:44:40

图像处理、数据挖掘、数据呈现

目录图像处理方法阈值分割图像处理方法图像平滑图像锐化图像增强阈值分割边缘检测阈值分割特征提取提取边界区域提取主成分压缩 POI 多源数据数据挖掘多源数据提取关联度提取位置集群， 新闻事件， 权限个人喜好历史…...

编程日记 2025/2/26 13:43:38

利用python和gpt写一个conda环境可视化管理工具

最近在学习python，由于不同的版本之间的差距较大，如果是用环境变量来配置python的话，会需要来回改，于是请教得知可以用conda来管理，但是conda在管理的时候老是要输入命令，感觉也很烦，于是让gpt帮…...

编程日记 2025/2/26 13:42:37

sort_values、sort 和 sorted 的区别与用法详解

sort_values、sort 和 sorted 是 Python 中用于排序的工具，但它们的适用场景和行为有所不同。以下是它们的区别和用法详解： 1. sort_values 适用对象 Pandas 的 Series 或 DataFrame。功能对 Pandas 数据结构中的值进行排序。特点专为 Pandas 设…...

编程日记 2025/2/26 13:38:31

银行系统功能架构设计元模型

1. 元模型核心目标规范性：定义功能模块的标准化描述方式，便于跨团队协作。可复用性：抽象通用组件，减少重复开发。可扩展性：支持未来业务创新和技术升级（如开放银行API集成）。2. 元模型层级结构采用分层架构模式，分为以下核心层级： **(1) 业务功能层** …...

编程日记 2025/2/26 13:37:30

rabbitmq 延时队列

要使用 RabbitMQ Delayed Message Plugin 实现延时队列，首先需要确保插件已安装并启用。以下是实现延时队列的步骤和代码示例。 1. 安装 RabbitMQ Delayed Message Plugin 首先，确保你的 RabbitMQ 安装了 rabbitmq-delayed-message-exchange 插件。你可…...

编程日记 2025/2/26 13:36:29

idea + Docker + 阿里镜像服务打包部署

一、下载docker desktop软件官网下载docker desktop，需要结合wsl使用启动成功的画面(如果不是这个画面例如一直处理start或者是stop需要重新启动，不行就重启电脑) 打包成功的镜像在这里，如果频繁打包会导致磁盘空间被占满，需…...

编程日记 2025/2/26 13:34:27

相机Camera日志实例分析之二：相机Camx【专业模式开启直方图拍照】单帧流程日志详解

【关注我，后续持续新增专题博文，谢谢！！！】上一篇我们讲了： 这一篇我们开始讲： 目录一、场景操作步骤二、日志基础关键字分级如下三、场景日志如下： 一、场景操作步骤操作步…...

编程新知 2026/1/30 10:10:55

Leetcode 3577. Count the Number of Computer Unlocking Permutations

Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现题目链接：3577. Count the Number of Computer Unlocking Permutations 1. 解题思路这一题其实就是一个脑筋急转弯，要想要能够将所有的电脑解锁&#x…...

编程新知 2026/1/4 2:33:39

linux arm系统烧录

1、打开瑞芯微程序 2、按住linux arm 的 recover按键插入电源 3、当瑞芯微检测到有设备 4、松开recover按键 5、选择升级固件 6、点击固件选择本地刷机的linux arm 镜像 7、点击升级 （忘了有没有这步了估计有） 刷机程序和镜像就不提供了。要刷的时…...

编程新知 2026/2/6 20:07:35

在四层代理中还原真实客户端ngx_stream_realip_module

一、模块原理与价值 PROXY Protocol 回溯第三方负载均衡（如 HAProxy、AWS NLB、阿里 SLB）发起上游连接时，将真实客户端 IP/Port 写入 PROXY Protocol v1/v2 头。Stream 层接收到头部后，ngx_stream_realip_module 从中提取原始信息…...

编程新知 2026/1/4 5:02:00

【OSG学习笔记】Day 16: 骨骼动画与蒙皮（osgAnimation）

骨骼动画基础骨骼动画是 3D 计算机图形中常用的技术，它通过以下两个主要组件实现角色动画。骨骼系统 (Skeleton)：由层级结构的骨头组成，类似于人体骨骼蒙皮 (Mesh Skinning)：将模型网格顶点绑定到骨骼上，使骨骼移动…...

编程新知 2026/2/1 5:42:50

DeepSeek 技术赋能无人农场协同作业：用 AI 重构农田管理 “神经网”

目录一、引言二、DeepSeek 技术大揭秘2.1 核心架构解析2.2 关键技术剖析三、智能农业无人农场协同作业现状3.1 发展现状概述3.2 协同作业模式介绍四、DeepSeek 的 “农场奇妙游”4.1 数据处理与分析4.2 作物生长监测与预测4.3 病虫害防治4.4 农机协同作业调度五、实际案例大…...

编程新知 2025/9/24 13:35:36