【Unity】入门学习笔记180610——UI设计（7）——构造布局

最新推荐文章于 2024-09-01 10:36:22 发布
最新推荐文章于 2024-09-01 10:36:22 发布
阅读量655 收藏 1
点赞数
分类专栏： UI 文章标签： Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dylan_day/article/details/80631805
版权
本文是Unity入门学习笔记，主要介绍了Rect Transform组件、Canvas、自动布局选项如Horizontal Layout Groups和Scroll Rects。内容还涵盖了分辨率和缩放行为，特别是Canvas Scaler的不同模式。此外，详细阐述了UnityEvent系统，包括光线投射机制、输入模块和各种输入事件，如PointerEnter和PointerClick。最后提到了Event Trigger，用于图形化设置事件响应。
摘要由CSDN通过智能技术生成

1、Rect Transform组件

2、Canvas


3、自动布局和选项

包括下拉列表、网格、滚动区域

可创建组件类型包括：

①Horizontal Layout Groups

②Vertical Layout Groups

③Grid Layout Groups


4、布局选项

Unity提供了多种布局覆写方案，进而限定组件的空间应用，或者作为独立的UI元素加以使用，包括：

①Layout Element：宽、高的限制及放缩

②Content Size Fitter：对Rect Transform的限制

    #当与包含目标平台分辨率尺寸的相关内容协同工作时，或者在父GameObjec或动态尺寸内容上包含了额外的背景图像/布局时，Content Size Fitter则变得十分重要。

③Aspect Ratio Fitter：附加组件࿰

最低0.47元/天 解锁文章
Dylan_Day
关注
专栏目录
Unity学习记录——UI设计
jmpei32534的博客
12-21 1564
本文是中山大学软件工程学院2020级3d游戏编程与设计的作业8
【Unity】入门学习笔记180519——API（7）——Matrix4x4类
Dylan_Day的博客
05-19 1321
Matrix4x4类脚本中通常用Vector3、Quaternion、Transform等类地属性和方法来对物体进行变换Matrix4x4类则通常用于 摄像机的非标准投影变换 等特殊地方A、Matrix4x4类实例方法1、MultiplyPointpublic Vector3 MultiplyPoint(Vector3 v)；用来对点v进行投影矩阵变换m1为Matrix4x4实例v1为Vector...
Unity实现一个UI框架
weixin_51186493的博客
01-14 1032
使用该框架，你可以轻松地创建、显示和隐藏UI面板，并通过UIManager进行统一的管理。当然，这只是一个基础框架，你可以根据实际需求进行扩展和优化。
UNITY UI设计
06-26
《Unity UI设计》详细阐述了与UnityUI设计相关的基本解决方案，主要包括Unity中的构造布局、UnityEvent系统、控制行为、锚定系统、屏幕空间、世界空间和相机，以及与UI源代码协同工作等内容。此外，《Unity UI设计》还提供了相应的示例、代码，以帮助读者进一步理解相关方案的实现过程。《Unity UI设计》适合作为高等院校计算机及相关专业的教材和教学参考书，也可作为相关开发人员的自学教材和参考手册。
Unity程序开发：5.UI系统
风不归的乐园
06-27 416
Unity程序开发：5.UI系统： - 基本UI组件 - Text、Image、Button、Slider、Input Field - UI布局 - Canvas、Panel、布局组件（Horizontal Layout Group, Vertical Layout Group, Grid Layout Group） - 处理UI事件 - 按钮点击事件 - 动态更新UI
Unity学习之UI设计笔记
Test_tju的博客
03-24 844
引入素材图片 点击引入的图片，设置Texture Type为Sprite(2D and UI)，用于2D游戏界面显示。 Image的四种类型 新建UI->Image，在Image Type中有4个类型:Simple，Sliced，Tiled，Filled Simple：普通的图片显示。 Sliced：切片模式，主要用于拉伸时防止边界失真。点击上图的Sprite Editor，设置绿线边界，...
unity ui布局系列
qq_38893210的博客
10-13 1354
第一章布局自动大小的Text 文章目录第一章布局自动大小的Text前言一、从左边开始自动调整大小的Text1.设置锚点2.添加组件HorizontalLayoutGroup和ContentSizeFitter2.最后调整二、中间向两边扩张的Text总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、从左边开始自动调整大小的Tex
Unity 中的 UI 布局和动画
最新发布
wufeng0000的博客
09-01 1625
Unity 中的 UI 布局和动画是实现优秀用户界面的关键要素。通过合理地使用 Canvas、Rect Transform、Layout Components 和 UI Mask 等组件，可以实现各种复杂的 UI 布局效果。同时，利用 Animation、Animator 和 UI Animation Components 等功能，可以创建出丰富多样的 UI 动画效果。在使用过程中，要注意一些使用技巧和性能优化注意点，以提高 UI 界面的质量和性能。
Unity实用UI插件——New UI Widgets
08-21
unity的UI插件，支持树状结构，列表结构，下拉菜单等多种实用UI，可修改扩展
【Unity Shader 入门精要学习笔记】—— 01.渲染管线
qq_45974407的博客
03-26 4401
文章目录1.渲染管线2.GPU流水线3.模板测试4.深度测试5.延迟渲染 1.渲染管线 定义 由三维场景出发，生成（渲染）一张二维图像，由CPU、GPU共同完成 渲染流程包含三个阶段：应用阶段——几何阶段——光栅化阶段 应用阶段输出渲染图元到几何阶段，几何阶段输出屏幕空间的顶点信息到光栅化阶段 应用阶段（三个任务）： 1.准备好场景数据，如摄像机位置、视锥体、场景中包含的模型、使用的光源等 2.做粗粒度剔除工作，剔除不可见的物体，提高渲染性能 3.设置好，每个模型的渲染状态，如使用的材质、使用的纹
【Unity】入门学习笔记180525——API（19）——Vector2类
Dylan_Day的博客
05-25 6646
Vector2类Vector2类是Unity中用来存储二维向量或二维点坐标的结构体类型介绍Vector2类的实例方法、静态方法以及运算符A、Vector2类实例方法1、Normalize：单位化Vector2实例public void Normalize();此方法用来单位化向量，改变了原始向量，无返回值实例属性normalized与此方法功能相同，但使用属性normalized来单位化向量时，不...
Unity_UI学习（UGUI）
枫玥gy的博客
07-17 3344
目录   01.Canvas对象和EventSystem对象 02.Canvas组件 03.RectTransform组件 04.Image组件 05.Button组件 06.Text组件 07.ScrollRect组件、Mask组件 01.Canvas对象和EventSystem对象 Canvas对象 所有游戏节目里的UI元素（纹理、图像、按钮、滑动条等）都必须位于Canv...
【Unity】入门学习笔记180608——UI设计（6）——其他回顾
Dylan_Day的博客
06-08 473
1、GUILayoutUnity通过GUILayout类提供了某些自动的布局控件，与常规GUI类包含了相同的控件集主要差别在于，用户无需确定 Rect 区域绘制控件，并可在首个适宜位置进行绘制，其他田间的控件可实现适当的布局，且控件间保留足够的间隔。BeginGroup变为BeginArea包含水平和垂直组件2、Unity UI新系统提供了如下核心内容#可拓展性。各个控件均表示为一个脚本，并可通过...
Unity UI布局
Richard_shen的博客
05-21 603
Unity UI 布局是一套用于在屏幕上定位和组织 UI 元素的系统。选中面板，在 Inspector 中添加所需的布局组件，如 VerticalLayoutGroup。通过调整 Canvas Scaler 的设置，优化 UI 在不同分辨率屏幕上的表现。在 Hierarchy 中创建一个 UI 面板（Panel），这将作为布局的容器。根据需要调整子对象的尺寸和布局组件的属性，以获得期望的布局效果。在面板下添加需要布局的 UI 元素，如按钮、文本等。运行游戏，检查布局在不同屏幕尺寸和分辨率下的表现。
Unity UI 布局
weixin_30444105的博客
01-02 73
参考：https://www.cnblogs.com/hammerc/p/4837650.html 转载于:https://www.cnblogs.com/eiya/p/10208015.html
Unity UI界面的设计（完整版）
热门推荐
海月的博客
06-11 3万+
初始界面 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.SceneManagement; using UnityEngine.UI; public class UIEntry : MonoBehaviour { public GameObject about; private bool flag; // Start i
unity UGUI系统梳理 - 基本布局
LuckyMechanic的博客
03-05 1032
偷懒了，部分节选unity API。
从零开始的UnityUI学习--Canvas[画布]
Dionysuss的博客
05-22 2384
Canvas[画布]是一个控制一组被渲染UI元素的组件，所有UI元素必须是Canvas的子物体 同一场景允许存在多个Canvas，但使用UI元素必须有一个可用的Canvas组件 每个Canvas都有可选的Render Modes(渲染模式) Screen Space-Overlay  UI会覆盖整个场景，也随着场景视图的大小变化而变化，所有的UI元素会在场景最上层渲染输出
Unity3D学习笔记：从基础入门到多平台发布
Unity3D学习笔记是一份详细的文档，作者在经历了近三个月的零散学习后，决定跟随3DBuzz的基础视频教程系统性地掌握Unity3D。Unity是一个全面的3D开发引擎，它提供了丰富的“开箱即用”功能，包括场景构建、物理模拟...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值