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

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

news 2026/4/15 4:01:58

目录

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：Day 1：基础搭建

学习目标&#xff1a;完成第一个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精密制造企业模具优化与质量管控案例 镁合金具有密度小、强度高、耐腐蚀性好等优点&#xff0c;成为笔记本电脑外壳主流材料。冲压模具作为批量生产笔记本电脑镁合金背板的核心工具&#xff0c;其精度直接决定了产品的尺寸一致性、结构可靠性与外观品质。微米级模具误…...

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

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

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

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

分享些常用的工具类

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

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

VUE四：Vue-cli

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

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

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

以下是针对 Vite TypeScript 项目的完整路径别名配置流程&#xff1a; 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工作流中的核心作用。通过基础状态&#xff08;如计数器&#xff09;和复杂状态&#xff08;含消息历史&#xff09;的定义&#xff0c;结合代码示例&#xff0c;演示如何通过函数式编程实现状态的不可变修改。然后进一步解析了如…...

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

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

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

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

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

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

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

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

sort_values、sort 和 sorted 是 Python 中用于排序的工具&#xff0c;但它们的适用场景和行为有所不同。以下是它们的区别和用法详解&#xff1a; 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 实现延时队列&#xff0c;首先需要确保插件已安装并启用。以下是实现延时队列的步骤和代码示例。 1. 安装 RabbitMQ Delayed Message Plugin 首先&#xff0c;确保你的 RabbitMQ 安装了 rabbitmq-delayed-message-exchange 插件。你可…...

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

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

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

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

第5章，[标签 Win32] ：GDI 的其他方面的分类

专栏导航 上一篇&#xff1a;第5章&#xff0c;[标签 Win32] &#xff1a;GDI 的基本图形 回到目录 下一篇&#xff1a;无 本节前言 对于本节所讲解的知识&#xff0c;有可能&#xff0c;你会需要时不时地参考本专栏的其它文章。真的遇到了需要参考之前的文章的知识点&…...

编程新知 2026/4/15 3:37:16

科研利器 | Connected Papers文献图谱解析与应用技巧

1. Connected Papers&#xff1a;文献调研的智能导航仪 第一次接触Connected Papers时&#xff0c;我正在为博士课题的文献综述发愁。面对海量文献&#xff0c;传统的关键词搜索就像在黑暗森林里打手电筒&#xff0c;而Connected Papers提供的文献图谱&#xff0c;突然让我拥有…...

编程新知 2026/4/15 3:08:21

Spring Boot项目配置Druid连接池的5个关键参数（附removeAbandoned避坑指南）

Spring Boot项目配置Druid连接池的5个关键参数与实战避坑指南 在Spring Boot项目中&#xff0c;数据库连接池的配置直接影响着应用的性能和稳定性。作为阿里巴巴开源的优秀连接池实现&#xff0c;Druid凭借其强大的监控和统计功能&#xff0c;成为众多Java项目的首选。但在实际…...

编程新知 2026/4/15 1:00:36

单细胞miloR实战：基于KNN图的差异丰度分析在疾病研究中的应用

1. 单细胞miloR方法的核心价值 在单细胞测序数据分析中&#xff0c;传统方法往往依赖于预先定义的细胞亚群进行差异分析。这种基于聚类的方法存在一个根本性局限&#xff1a;当细胞亚群定义不够准确时&#xff0c;后续所有分析结果都可能产生偏差。miloR的创新之处在于完全跳过…...

编程新知 2026/4/15 0:50:12

SQL统计各分组中排名前三的记录_使用窗口函数RANK

RANK() 遇相同值并列且跳号&#xff0c;如三个第1名后直接第4名&#xff1b;若仅用 WHERE rank ≤ 3 过滤&#xff0c;会漏掉并列第3名之后实际应入选的并列名次&#xff0c;导致结果偏少而非偏多——题干“多出几条”通常源于误将 RANK() 与 ROW_NUMBER() 混淆或未正确处理分组…...

编程新知 2026/4/15 0:25:31

测试架构师核心能力：设计思维培养

在数字化转型浪潮中&#xff0c;测试架构师的角色已从技术执行者进化为质量战略家。设计思维作为核心能力&#xff0c;正成为连接用户需求与质量保障的关键枢纽。它要求测试从业者超越传统功能验证&#xff0c;以用户为中心重构测试范式&#xff0c;驱动产品质量与体验的双重提…...

编程新知 2026/4/15 0:15:23

【顶刊复现】XGBoost + MOF：765个计算特征助力CO₂吸附性能预测，R²达0.95

一、研究背景&#xff1a;CO₂减排亟需高效吸附材料 全球每年排放约360亿吨CO₂&#xff0c;其中90%来自化石能源燃烧。MOF&#xff08;Metal-Organic Framework&#xff0c;金属有机框架&#xff09;因其高孔隙率、大比表面积、结构可调等特点&#xff0c;在CO₂吸附与分离领…...

编程新知 2026/4/14 23:48:32

LaTeX公式转换Word终极方案：3步实现高效学术写作

LaTeX公式转换Word终极方案&#xff1a;3步实现高效学术写作 【免费下载链接】LaTeX2Word-Equation Copy LaTeX Equations as Word Equations, a Chrome Extension 项目地址: https://gitcode.com/gh_mirrors/la/LaTeX2Word-Equation LaTeX2Word-Equation是一款专为学术…...

编程新知 2026/4/14 22:30:04

如何实现SQL动态字段选择查询_利用反射或动态拼接字符串

SQL动态字段选择不能用参数化查询&#xff0c;因为?占位符仅支持值而非标识符&#xff08;如字段名、表名&#xff09;&#xff0c;必须通过白名单校验后字符串拼接实现安全动态列。SQL动态字段选择为什么不能直接用参数化查询因为字段名不是数据值&#xff0c;PreparedStatem…...

编程新知 2026/4/14 22:17:52

Hermes与OpenClaw大比拼：谁才是AI Agent的王者？

AI热潮下的Hermes自从上周开始折腾Hermes&#xff0c;从研究到部署再到使用&#xff0c;原本以为它是个小众的AI产品&#xff0c;没想到直接在全球引爆了新的AI热潮。然而&#xff0c;很多人对Hermes的理解存在问题甚至是错误的。为此&#xff0c;准备了10个问题&#xff0c;有…...

编程新知 2026/4/14 21:39:36