unity3d ui学习---canvas和basic layout

Unity/Auto Layout -- 理解Layout Elements(布局元素) 前言 在UGUI1中,Canvas下的每个GameObject都会自动添加 Rect Transform 组件来控制自身的位置和大小。通常情况下,基于Rect Transform的布局系统已经足够灵活,可以方便地满足大部分UI布局的需要。利用UGUI中的 anchor(锚点)和 pivot(轴点)特性,可以让UI GameObject2实现大部分依赖父容器的定位功能,例如绑定在父容器的左上角或正... 阅读详情

参考文档

1.canvas

https://docs.unity3d.com/Manual/UICanvas.html
canvas是一个区域全部的ui元素都需要在这个里面。全部的ui元素都需要是他的一个子节点。这个能让UI元素比较好的在上面布局之类。其实就是一个矩形的框框。
先动手创建一个canvas
GameObject > UI > Image, automatically creates a Canvas

创建一个image,然后将其放在Canvas之下。可以在Hierarchy中,修改他们之间的关系。
渲染方式:
Screen space - overlay
屏幕拉伸的时候,将会对应拉伸。
Screen space - camera
类似screen space - overlay,但是这个保持了一段距离在摄像机前。这样就能构成一个偏移的一个ui效果。这些ui对象都将通过镜头呈现,也意味着镜头如果有啥效果设置了,都将会体现到ui上。如果镜头设置了透视,这个ui也将会有透视效果。
World Space
可以简单理解为这个界面ui被放到游戏世界中,它和游戏部件拥有一样特性。

2.Basic layout

https://docs.unity3d.com/Manual/UIBasicLayout.html
本章是用于说明ui元素之间的关系的。
The rect tool
在ui里面一般都使用矩形来表示ui元素。可以通过矩形选择工具来找出这些元素。甚至是在3d场景中的ui也能使用这个来做拾取。
RectTransform
Rect transform是一个新的transform组件,在对所有ui元素操作的时候,他取代了常规的transform组件。Rect transform组件有位置,角度,大小这些属性,就像普通Transform组件一样的。但是他还有宽高属性,用于指定ui矩形框的尺寸。
Resizing对Scaling
2d精灵系统和3d物体系统,当使用Rect Tool去改变它的size时,会引起物品本地比例。然而,使用Rect Transform去改变大小时,他将会改变物件的宽高,本地比例不会改变。这样不会改变字体的大小,被修剪过的图片边框等等。
Pivot(中心点,中轴)
旋转,size和缩放比例的修改都是围绕着Pivot进行的,所以pivot的位置会影响到旋转,size和缩放比例。当工具栏中选择pivot模式,可以通过Rect Transform在视图中改变Pivot的位置。
Anchors(锚点)
Rect Transforms包含一个叫锚点的布局概念。锚点是通过4个小三角形表示。主要是在不同分辨率下让ui可以自定义适应。

LDC编译器:基于LLVM的D语言高性能编译与跨平台实战指南 编译器作为将高级语言转换为机器码的核心工具,其优化能力直接影响程序性能。现代编译器通过中间表示(IR)和优化通道实现跨平台代码生成与性能调优。LLVM编译器框架以其模块化设计和强大的优化能力,成为众多语言编译器的后端选择。在系统编程领域,D语言因其兼具C++性能与现代化语法特性而受到关注。LDC(LLVM D Compiler)作为基于LLVM的D语言编译器实现,通过复用DMD前端保证语言兼容性,同时利用LLVM的优化通道和跨平台支持,为D语言开发者提供了显著的性能提升和便捷的交叉编译能力。该编译器特别适用 阅读详情

相关推荐

Unity之canvas

迫切需要了解一下Unity的画布功能。最近在用canvas的时候总是报错。也把这个踩坑过程记录下来。 Canvas属于Unity的UGUI,UGUI提供了强大的可视化编辑,大大提高了GUI的开发效率。 Canvas是所有UI组件的父物体,也就是说每一个UI组件都必须在Canvas下,作为Canvas的子物体,当你创建一个UI控件时,如果在Hierarchy下没有Canvas组件的话,Unity...

Arcobaleno 2万+

Unity组件大全之 Layout 组件 |(20)Canvas 画布

在Unity的UI系统中,Canvas是一个至关重要的组件,它作为所有UI元素的容器,负责管理和渲染用户界面。Canvas组件不仅可以组织UI元素,还控制它们的渲染顺序和事件处理。本文将详细介绍Canvas组件的工作原理、特性以及如何使用它来构建和管理用户界面。

Unity打怪升级 2261

【日常小结】项目Modbus RTU 协议

Modbus RTU(远程终端) 协议 一、前言 最近因为码跺宽度测量项目推广升级,更换了摄像头(换成了基恩士摄像头)和光栅(换成了施莱格05LCM系列光栅),导致原来的程序用不了了,然而这个软件升级的任务落到了我身上,作为机械非科班出身的我要学习TCP和Modbus RTU通信协议,也算是自我突破了。本文只对Modbus/RTU/HEX 进行简单的小结。 二、Modbus Modbus是一种串行通信协议,是Modicon公司(现在的施耐德电气Schneider Electric)于1979年为使用可编程逻

weixin_39681471的博客 830

Android Canvas 方法总结

转载地址:http://www.jianshu.com/p/f69873371763 简介 在自定义 View的时候,我们经常需要绘制一些自己想要的效果。 这里就需要使用Canvas对象。 下面将Canvas对象常用方法做个笔记,方便记忆。 对Canvas进行操作 对Canvas的一系列操作,是指对Canvas进行旋转、平移、缩放等操作。 这些操作可以让Canva

l_215851356的专栏 836

1.3、云计算HCIP融合存储产品及部署

目标:描述Oceanstor V3系列存储产品系统组成及产品定位 描述Oceanstor V3硬件结构及软件架构 掌握存储系统与主机系统之间的连接 一、存储型号 低端型存储:Oceanstor 2200 2600 2800 V3/V5 终端型存储:Oceanstor 5300 5500 5600 5800 6800 V3/V5 高端型存储:Oceanstor 18000 二、Oceanstor V3系列存储系统定位 OceanStor V3系列存储系统是华为根据存储产品应用现状和存储

weixin_43666279的博客 1653

《中国图书馆图书分类法》(第五版)详表(中图分类号查询表)

中文法分类

记录我目之所及的世界 4万+

unity 刷新layout_Canvas.ForceUpdateCanvases 强制更新画布

JavaScript => public static function ForceUpdateCanvases(): void;C# => public static void ForceUpdateCanvases();Description 描述Force all canvases to update their content.强制更新所有画布的内容。A canvas perf...

weixin_39665847的博客 2757

VSCode连接SAP ABAP开发环境

本文介绍了使用VSCode连接ABAP开发环境的详细步骤。首先通过SICF或SMICM事务码获取ABAP连接地址,然后安装ABAP remote filesystem插件。提供了两种创建连接的方法:通过命令面板逐步配置(输入服务器地址、账号、系统标识等)或直接编辑JSON配置文件。最后通过命令面板选择已创建的连接即可完成连接,连接成功后可在VSCode左侧工作区查看ABAP系统内容进行开发。JSON配置方式更为简便推荐。整个流程帮助开发者摆脱复杂的Eclipse配置,实现快速便捷的ABAP开发环境搭建。

weixin_45293769的博客 2208

UGUI 之 Canvas布局层级关系(一)

一、用过NGUI的人们都知道,各种NGUI的sprite之间是可以有dept来进行分层管理,以便处理层级间的关系,而在unity4.6开始的UGUI中,这是通过Canvas来设置深度关系的 我在开发中设计了三个Canvas,来处理不同的UI消息相应类型 StaticCanvas TouchOrMouseCanvas ButtonCanvas 1、StaticCanvas ,其

编程小生的专栏 4万+

CCS软件仿真插件移植避坑指南:从CCS5.5到7.4的完整流程

本文详细介绍了将CCS软件仿真插件从CCS5.5迁移至CCS7.4的完整流程与避坑指南。针对TMS320F28335等C2000系列芯片,重点解析了仿真核心文件、配置数据库、连接定义及驱动文件的移植步骤,并通过两个实战Demo验证了移植后仿真环境的可用性,帮助开发者在无硬件条件下继续高效进行算法验证与调试。

defi6farmer的博客 456

从2-RSS-1U并联踝关节到双足机器人动态行走:雅可比矩阵与力矩控制实践

本文深入探讨了2-RSS-1U并联踝关节在双足机器人动态行走中的关键作用,详细解析了其设计原理、雅可比矩阵的应用及力矩控制实践。通过优化几何参数和控制算法,实现了低转动惯量、高刚度和紧凑设计,显著提升了机器人的行走稳定性和能量效率。文章还分享了从仿真到实物的跨越经验及未来优化方向。

weixin_42641998的博客 594

js中使用layout 画图_android:如何用canvas在自定义view里画图

各位大神们好,小弟为android初学者,请赐教。我现在有一个xml文件,里面有两个自定义的view,代码如下。XMLcode各位大神们好,小弟为android初学者,请赐教。我现在有一个xml文件,里面有两个自定义的view,代码如下。XML codeandroid:layout_width="fill_parent"android:layout_height="fill_parent"andr...

weixin_39544101的博客 205

华三模拟器实战:3分钟搞定路由器DHCP地址池配置(附常见错误排查)

本文提供华三模拟器中路由器DHCP地址池的实战配置指南。通过分步详解,帮助用户在3分钟内完成基础设置,并深入讲解多地址池、中继配置等进阶应用。文章重点剖析了DHCP服务无法工作的常见原因,提供从客户端到服务器的系统性排错方法,助力快速定位并解决地址分配失败、获取参数错误等典型问题。

w1x2y3的博客 360

如何让unity 2018.3.8f1 的TextMeshPro显示中文

直接开始,第一步观察插件是否完全导入. 点击Window -> Package Manager 然后我们创建一个.txt文件,用UTF-8编码.打入几行字,并放入Unity的工程中. 我们的资源都准备好了,然后点击Window -> TextMeshPro -> Font Asset Creator 然后选择字体文件,设置Atlas Resolu...

weixin_30879169的博客 672

YOLOv11改进-上采样 | EUCB高效上卷积块,实现特征图尺度匹配和高效上采样

本文介绍了一种在YOLOv11目标检测模型中引入高效解码器模块EMCAD的创新方法,以提升模型在资源受限场景下的性能与效率。EMCAD由多个模块构成,其中核心的EUCB(高效上卷积块)通过上采样、深度可分离卷积、激活归一化和通道调整等操作,兼顾了特征质量与计算成本。实验结果显示,该模块在显著减少参数与FLOPs的同时仍具备优异性能。文章还提供了完整的YOLOv11模型集成流程、配置和训练实战。

魔改工程师的博客 1540

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

CANVAS的使用详解

由于在网络上找到关于Canvas的使用都比较抽象,也许是我的逻辑思维不太好吧,总是感觉理解起来比较困难, 尤其是对save()和restore()方法的使用。本篇文章的内容就是对Canvas的使用进行一下总结,包括它的两种不同的使用 情节和它的一些方法进行一下说明。  1 Bitmap,可以来自资源/文件,也可以在程序中创建,实际上的功能相当于图片的存储空间; 2 Canvas,紧密与Bi

It_BeeCoder的博客 1789

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

Android关于LinearLayout中onDraw(Canvas canvas)方法不执行问题

前言在Android实际项目开发中,由于需求,我们可能会自定义各种控件,最常用的就是extends View或extends LinearLayout等。然后再复写onDraw()方法。正文1,最开始自定义XXView enxtends View ,然后重写onDraw()方法, 这样只要我们实例化一个XXView对象时,onDraw()方法就会调用。 但当我自定义另外一个View extend

死磕到底 5250

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

Unity UGUI 原理篇(五):Auto Layout 自動佈局

Auto Layout System Auto Layout System 是基於 Rect Transform Layout System 之上的系統,自動調整一個或多個的元素大小、位置、間格,又分為 Layout Controllers(父物件) 與 Layout Elements(子物件) 兩部分,一個簡單的 Auto Layout 架構如下 (此處介紹理論,實作留到後面)  

阿龙的博客 1万+

自定义控件玩套路以及canvas StaticLayout的使用

自定义控件玩套路以及canvas StaticLayout的使用

qq_28195645的博客 1万+

Android Canvas 与 View之间的关系

大家都知道,Canvas是画布,开发者通过onDraw(Canvas canvas)方法,将View的具体content 画到 Canvas中,最后显示在屏幕上,但是有这么几个问题,一直困扰我好久: 1 什么是View的视图区域,其位置和大小是怎么决定的?  2  为什么View的Content可以无限大,是什么样的机制,保证将正确的内容显示屏幕上? 3 Canvas 是怎么来保存 View的具体

zhangjin199088的专栏 7470

Canvas绘制layout.xml布局

try { mCanvas = mSurfaceHolder.lockCanvas(); if (mCanvas != null) { LayoutInflater inflater = LayoutInflater.from(getContext()); View v = inflater.inflate(R.layout.clock, null, false); ...

cengdong的博客 1272

# WPF ComboBox 控件详解与使用 —WPF 中的控件(7)--下拉框选项列表控件( ComboBox)

ComboBox`(下拉框选项列表)是 WPF 中最常用的选择类控件之一,它在有限空间内提供下拉选项列表,支持**单选、可编辑输入、数据绑定、自定义项外观**等核心能力,继承自 `System.Windows.Controls.Primitives.Selector`。 本文将从基础属性、核心事件、基础用法、数据绑定、自定义模板、高级定制到最佳实践,逐一带代码注解进行讲解。

yunmaowu0917的博客 141

从零搭建半导体设备上位机(五):三套 UI 库共存,HandyControl、MaterialDesign、Wu.Wpf 的样式基线

三套 UI 库共存:HandyControl、MaterialDesign、Wu.Wpf 的样式基线 这是「从零搭建半导体设备上位机」系列第5篇。一个 WPF 应用里同时装了 HandyControl、MaterialDesignThemes、Wu.Wpf 三套控件库。这篇讲它们为什么会打架、打架的具体机制是什么,以及怎么建立一套"谁也别想偷偷改我外观"的样式基线。 一个下拉框,白底白字 界面做完

samble的专栏 453

【QT入门到晋级】用开源的自定义控件开发

直接点击mainwindow.ui文件是看不到quc控件的,关键步骤是右键点击mainwindow.ui,右键菜单选择【Qt Designer】,在UI设计器中才能找到“Quc Widget”。注意:以上是前端调用自定义控件的方式,需要编译动态库等操作,相对要麻烦一些。如果有自定义控件的源码.h和.cpp文件,直接加入到现有qt项目中,以后台方式直接调用即可,以下是我分享过一个手搓的自定义控件类【QT自定义2D控件】QGraphics绘制仪表盘_qt仪表盘控件-优快云博客。

ocy的博客 174
上一篇: python---time和datetime
下一篇: unity3d ui visual components
erlang_hell
博客等级 码龄14年 57粉丝 89原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值