Unity中Shader测试常用的UGUI功能简介

文章目录

  • 前言
  • 一、锚点
    • 1、锚点快捷修改位置
    • 2、使用Anchor Presets快捷修改
    • 3、Anchor Presets界面按下 Shift 可以快捷修改锚点和中心点位置
    • 4、Anchor Presets界面按下 Alt 可以快捷修改锚点位置、UI对象位置 和 长宽大小
  • 二、Canvas画布
    • 1、UGUI中 Transform 变成了 Rect Transform,增加了UI图片的位置 和 长宽(主要用于UI自适应)
    • 2、UI的渲染模式
    • 3、UI的缩放模式
  • 三、Image
    • 1、UGUI的渲染都需要这个组件
    • 2、UGUI默认使用的材质球
    • 3、Image组件的主要功能
  • 三、文本TextMeshPro
  • 四、Button
    • 1、Button对象是基于Image组件的
    • 2、默认包含一个文本子对象
    • 3、Button组件
  • 五、Slider滑动条
  • 六、Toggle开关
    • 1、创建默认的子对象
    • 2、Toggle组件(基本功能和按钮一致)


前言

我们在测试Shader效果时,可能会使用到一些简单的UGUI功能。在这篇文章我们大概的介绍一下UGUI的基础功能。

  • Unity的UGUI帮助文档

一、锚点

  • 锚点是针对父级进行变换的。
  • 锚点的作用是让UI适配不同设备的屏幕变换

1、锚点快捷修改位置

在这里插入图片描述

2、使用Anchor Presets快捷修改

请添加图片描述

3、Anchor Presets界面按下 Shift 可以快捷修改锚点和中心点位置

  • 需要修改为中心点模式
    在这里插入图片描述
    请添加图片描述

4、Anchor Presets界面按下 Alt 可以快捷修改锚点位置、UI对象位置 和 长宽大小

可以实现子对象 跟随 父对象 缩放的功能
请添加图片描述


二、Canvas画布

  • 我们在创建UI时,就会自动创建画布 Canvas 和 EventSystem
  • EventSystem我们一般不用去管,主要是调度UI事件的

1、UGUI中 Transform 变成了 Rect Transform,增加了UI图片的位置 和 长宽(主要用于UI自适应)

在这里插入图片描述

2、UI的渲染模式

在这里插入图片描述

  • Screen Space - Overlay
    这个UI渲染模式,UI画布会直接覆盖在屏幕前方
  • Screen Space - Camera
    这个UI渲染模式,我们的UI会渲染对应摄像机的视角
  • World Space
    这个UI渲染模式,我们的UI会作为一个3D对象在游戏空间中使用

3、UI的缩放模式

在这里插入图片描述

  • Constant Pixel Size
    根据像素来缩放UI进行自适应

  • Scale With Screen Size(一般使用这个缩放模式)
    根据屏幕大小缩放UI进行自适应
    可以调节自己的标准屏幕大小 和 匹配模式 及 匹配权重
    在这里插入图片描述

  • Constant Physical Size
    根据物理尺寸缩放


三、Image

1、UGUI的渲染都需要这个组件

在这里插入图片描述

2、UGUI默认使用的材质球

在这里插入图片描述

默认实现了模板测试的功能
在这里插入图片描述

  • Unity中Shader的模板测试
  • Unity中Shader实现模板测试Stencil
  • Unity中Shader模板测试使用到的二进制
  • Unity中Shader通道ColorMask

3、Image组件的主要功能

在这里插入图片描述


三、文本TextMeshPro

  • 第一次创建需要导入
    在这里插入图片描述
  • TMP组件的设置
    在这里插入图片描述
  • 我们每个字体都是两个三角面
    在这里插入图片描述

四、Button

1、Button对象是基于Image组件的

在这里插入图片描述

2、默认包含一个文本子对象

在这里插入图片描述

3、Button组件

  • 颜色模式
    在这里插入图片描述
  • 精灵模式
    在这里插入图片描述
  • 动画模式
    在这里插入图片描述

五、Slider滑动条

  • Slider默认包含这些子物体
    在这里插入图片描述

  • Slider组件和Button组件功能差不多
    在这里插入图片描述


六、Toggle开关

1、创建默认的子对象

  • 包含框选背景和框选提示文字
    在这里插入图片描述

2、Toggle组件(基本功能和按钮一致)

在这里插入图片描述

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

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

相关文章

Linux 操作系统(查看文件内容)

cat 格式:cat [选项]...[文件]... 说明:把多个文件连接后输出到标准输出(屏幕)或者加”> 文件名” 输出到另一个文件中 常用选项: -b或—number-noblank: 从1开始对所有非空输出行进行编号 -n或—number: 从1开始所…

网络协议小记

一、TCP/IP协议 作为一个小萌新,当然我无法将tcp/ip协议的大部分江山和盘托出,但是其中很多面试可能问到的知识,我觉得有必要总结一下! 首先,在学习tcp/ip协议之前,我们必须搞明白什么是tcp/ip协议。 1、…

架构设计系列之前端架构和后端架构的区别和联系

前端架构和后端架构都是软件系统中最关键的架构层,负责处理不同方面的任务和逻辑,两者之间是存在一些区别和联系的,我会从以下几个方面来阐述: 一、定位和职责 前端架构 主要关注用户界面和用户体验,负责处理用户与…

打造中国人自己的GPTs,百度灵境矩阵升级为智能体平台

12月18日,百度「灵境矩阵」平台全新升级为「文心大模型智能体平台」。灵境矩阵基于文心大模型,为开发者提供多样化的开发方式,支持广大开发者根据自身行业领域、应用场景,选取多样化的开发方式,打造大模型时代的原生应…

关于我对归纳偏置(inductive bias)的概念和应用的详细总结

归纳偏置(inductive bias) 1.归纳偏置(inductive bias)的概念2.归纳偏置(inductive bias)的应用 1.归纳偏置(inductive bias)的概念 归纳偏置(inductive bias&#xff0…

贪吃蛇(二)绘制地图

绘制地图主要是考察基础的循环和分支控制&#xff0c;视频没看完&#xff0c;自己写了一下。 绘制一个基础地图 #include"curses.h" void cursesinit() {initscr();keypad(stdscr,1); }void mapinit() {int row;int col;for(row 0;row < 20;row){if(row 0 || …

如何在 FastAPI 中设置定时任务:完全指南

Web 应用程序开发中&#xff0c;及时高效处理常规任务至关重要&#xff0c;包括定时收集数据或管理任务计划。针对强大且性能卓越的 FastAPI 框架&#xff0c;我们可以通过几种策略来管理这些必要的定时任务。 实现 FastAPI 中的定时任务 本指南将探讨在 FastAPI 环境中管理定…

工业6轴机械臂运动学逆解(解析解)

工业6轴机械臂运动学逆解&#xff08;解析解&#xff09; 通常工业机械臂采用6旋转轴串连的形式&#xff0c;保证了灵活性&#xff0c;但为其运动学逆解&#xff08;即已知机械臂末端的位姿 P P P&#xff0c;求机械臂各个旋转轴的旋转角&#xff09;带来了较大的困难&#xff…

倒计数器:CountDownLatch

CountDownLatch 是 Java 中用于多线程编程的一个同步工具。 它允许一个或多个线程等待其他线程执行完特定操作后再继续执行。 CountDownLatch 通过一个计数器来实现&#xff0c; 该计数器初始化为一个正整数&#xff0c;每当一个线程完成了指定操作&#xff0c;计数器就会减一。…

Apache CouchDB 垂直权限绕过漏洞 CVE-2017-12635 已亲自复现

Apache CouchDB 垂直权限绕过漏洞 CVE-2017-12635 已亲自复现 漏洞名称影响版本影响版本 漏洞复现环境搭建漏洞利用 总结 漏洞名称 影响版本 Apache CouchDB是一个开源的NoSQL数据库&#xff0c;专注于易用性和成为“完全拥抱web的数据库”。它是一个使用JSON作为数据存储格式…

【深度学习】序列生成模型(六):评价方法计算实例:计算ROUGE-N得分【理论到程序】

文章目录 一、BLEU-N得分&#xff08;Bilingual Evaluation Understudy&#xff09;二、ROUGE-N得分&#xff08;Recall-Oriented Understudy for Gisting Evaluation&#xff09;1. 定义2. 计算N1N2 3. 程序 给定一个生成序列“The cat sat on the mat”和两个参考序列“The c…

JavaSE 搜索树

目录 1 概念2 操作2.1 查找2.2 插入2.3 删除 3 性能分析4 和 java 类集的关系 1 概念 二叉搜索树 又称 二叉排序树&#xff0c;它是一棵空树&#xff0c;或者是具有以下性质的二叉树: 若它的左子树不为空&#xff0c;则左子树上所有节点的值都小于根节点的值&#xff1b;若它…

Logistic Regression逻辑线性回归(基于diabetes数据集)

目录 介绍&#xff1a; 1、Confusion Matrix&#xff1a; 2、ROC&#xff08;Receiver Operating Characteristic&#xff09; 一、数据处理 二、建模 三、 confusion_matrix 四、 ROC&#xff08;Receiver Operating Characteristic&#xff09; 介绍&#xff1a; L…

class085 数位dp-下【算法】

class085 数位dp-下【算法】 code1 P2657 [SCOI2009] windy 数 // windy数 // 不含前导零且相邻两个数字之差至少为2的正整数被称为windy数 // windy想知道[a,b]范围上总共有多少个windy数 // 测试链接 : https://www.luogu.com.cn/problem/P2657 // 请同学们务必参考如下代码…

7款创意性前端源码特效资源分享(附在线预览效果)

分享7款非常不错炫酷的前端特效源码 其中包含css动画特效、js原生特效、svg特效等 下面我会给出特效样式图或演示效果图 但你也可以点击在线预览查看源码的最终展示效果及下载源码资源 CSS绘制iPhone 14带动态岛 纯CSS绘制iPhone 14带动态岛模型 运行初始化时还附带出场动画 …

微信小程序动态导航栏(uniapp + vant)

本文使用到vant的van-tabbar组件来实现 一、uniapp整合vant ui vant小程序版本:https://vant-contrib.gitee.io/vant-weapp/#/home 注:vant并没有uniapp的版本,所以此处是引入小程序版本的ui 1. 下载vant编译后代码 https://github.com/youzan/vant-weapp/tree/dev/dist 2…

CentOs7.x安装部署SeaTunnelWeb遇到的坑

CentOs7.x安装部署SeaTunnelWeb遇到的坑 文章目录 1. 环境2. SeaTunnel安装部署2.1下载安装包2.2 设置环境变量2.3 安装连接器插件2.4 拷贝jar包到lib下2.5 启动命令2.6 执行官方client提交任务demo 3. SeaTunnel-Web安装部署3.1 下载安装包3.2 初始化数据库脚本或修改配置appl…

element plus 表格el-table行多选单选

1 行多选-点击checkbox 添加一个 el-table-column&#xff0c;设 type 属性为 selection 即可 <template><div class"box"><el-table :data"tableData" selection-change"handleSelectionChange"><el-table-column type&…

【单调栈】LeetCode:1944队列中可以看到的人数

作者推荐 【贪心算法】【中位贪心】.执行操作使频率分数最大 题目 有 n 个人排成一个队列&#xff0c;从左到右 编号为 0 到 n - 1 。给你以一个整数数组 heights &#xff0c;每个整数 互不相同&#xff0c;heights[i] 表示第 i 个人的高度。 一个人能 看到 他右边另一个人…

计算机网络 运输层下 | TCP概述 可靠传输 流量控制 拥塞控制 连接管理

文章目录 3 运输层主要协议 TCP 概述3.1 TCP概述 特点3.2 TCP连接RSVP资源预留协议 4 TCP可靠传输4.1 可靠传输工作原理4.1.1 停止等待协议4.1.2 连续ARQ协议 4.2 TCP可靠通信的具体实现4.2.1 以字节为单位的滑动窗口4.2.2 超时重传时间的选择4.2.3 选择确认SACK 5 TCP的流量控…